<!doctype html>
<html class="minimal no-js">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>graphql-editor | graphql-editor</title>
	<meta name="description" content="Documentation for graphql-editor">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<style type="text/css">/*! normalize.css v1.1.3 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:sans-serif}button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4,.tsd-index-panel h3{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;_font-family:"courier new",monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:"";content:none}small{font-size:80%}sub{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure,form{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button]{-webkit-appearance:button;cursor:pointer;*overflow:visible}input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.hljs{display:inline-block;padding:.5em;background:#fff;color:#000}.hljs-comment,.hljs-annotation,.hljs-template_comment,.diff .hljs-header,.hljs-chunk,.apache .hljs-cbracket{color:green}.hljs-keyword,.hljs-id,.hljs-built_in,.css .smalltalk .hljs-class,.hljs-winutils,.bash .hljs-variable,.tex .hljs-command,.hljs-request,.hljs-status,.nginx .hljs-title{color:blue}.xml .hljs-tag{color:blue}.xml .hljs-tag .hljs-value{color:blue}.hljs-string,.hljs-title,.hljs-parent,.hljs-tag .hljs-value,.hljs-rules .hljs-value{color:#a31515}.ruby .hljs-symbol{color:#a31515}.ruby .hljs-symbol .hljs-string{color:#a31515}.hljs-template_tag,.django .hljs-variable,.hljs-addition,.hljs-flow,.hljs-stream,.apache .hljs-tag,.hljs-date,.tex .hljs-formula,.coffeescript .hljs-attribute{color:#a31515}.ruby .hljs-string,.hljs-decorator,.hljs-filter .hljs-argument,.hljs-localvars,.hljs-array,.hljs-attr_selector,.hljs-pseudo,.hljs-pi,.hljs-doctype,.hljs-deletion,.hljs-envvar,.hljs-shebang,.hljs-preprocessor,.hljs-pragma,.userType,.apache .hljs-sqbracket,.nginx .hljs-built_in,.tex .hljs-special,.hljs-prompt{color:#2b91af}.hljs-phpdoc,.hljs-javadoc,.hljs-xmlDocTag{color:gray}.vhdl .hljs-typename{font-weight:bold}.vhdl .hljs-string{color:#666}.vhdl .hljs-literal{color:#a31515}.vhdl .hljs-attribute{color:#00b0e8}.xml .hljs-attribute{color:red}ul.tsd-descriptions>li>:first-child,.tsd-panel>:first-child,.col>:first-child,.col-11>:first-child,.col-10>:first-child,.col-9>:first-child,.col-8>:first-child,.col-7>:first-child,.col-6>:first-child,.col-5>:first-child,.col-4>:first-child,.col-3>:first-child,.col-2>:first-child,.col-1>:first-child,ul.tsd-descriptions>li>:first-child>:first-child,.tsd-panel>:first-child>:first-child,.col>:first-child>:first-child,.col-11>:first-child>:first-child,.col-10>:first-child>:first-child,.col-9>:first-child>:first-child,.col-8>:first-child>:first-child,.col-7>:first-child>:first-child,.col-6>:first-child>:first-child,.col-5>:first-child>:first-child,.col-4>:first-child>:first-child,.col-3>:first-child>:first-child,.col-2>:first-child>:first-child,.col-1>:first-child>:first-child,ul.tsd-descriptions>li>:first-child>:first-child>:first-child,.tsd-panel>:first-child>:first-child>:first-child,.col>:first-child>:first-child>:first-child,.col-11>:first-child>:first-child>:first-child,.col-10>:first-child>:first-child>:first-child,.col-9>:first-child>:first-child>:first-child,.col-8>:first-child>:first-child>:first-child,.col-7>:first-child>:first-child>:first-child,.col-6>:first-child>:first-child>:first-child,.col-5>:first-child>:first-child>:first-child,.col-4>:first-child>:first-child>:first-child,.col-3>:first-child>:first-child>:first-child,.col-2>:first-child>:first-child>:first-child,.col-1>:first-child>:first-child>:first-child{margin-top:0}ul.tsd-descriptions>li>:last-child,.tsd-panel>:last-child,.col>:last-child,.col-11>:last-child,.col-10>:last-child,.col-9>:last-child,.col-8>:last-child,.col-7>:last-child,.col-6>:last-child,.col-5>:last-child,.col-4>:last-child,.col-3>:last-child,.col-2>:last-child,.col-1>:last-child,ul.tsd-descriptions>li>:last-child>:last-child,.tsd-panel>:last-child>:last-child,.col>:last-child>:last-child,.col-11>:last-child>:last-child,.col-10>:last-child>:last-child,.col-9>:last-child>:last-child,.col-8>:last-child>:last-child,.col-7>:last-child>:last-child,.col-6>:last-child>:last-child,.col-5>:last-child>:last-child,.col-4>:last-child>:last-child,.col-3>:last-child>:last-child,.col-2>:last-child>:last-child,.col-1>:last-child>:last-child,ul.tsd-descriptions>li>:last-child>:last-child>:last-child,.tsd-panel>:last-child>:last-child>:last-child,.col>:last-child>:last-child>:last-child,.col-11>:last-child>:last-child>:last-child,.col-10>:last-child>:last-child>:last-child,.col-9>:last-child>:last-child>:last-child,.col-8>:last-child>:last-child>:last-child,.col-7>:last-child>:last-child>:last-child,.col-6>:last-child>:last-child>:last-child,.col-5>:last-child>:last-child>:last-child,.col-4>:last-child>:last-child>:last-child,.col-3>:last-child>:last-child>:last-child,.col-2>:last-child>:last-child>:last-child,.col-1>:last-child>:last-child>:last-child{margin-bottom:0}.container{max-width:1200px;margin:0 auto;padding:0 40px}@media(max-width: 640px){.container{padding:0 20px}}.container-main{padding-bottom:200px}.row{display:flex;position:relative;margin:0 -10px}.row:after{visibility:hidden;display:block;content:"";clear:both;height:0}.col,.col-11,.col-10,.col-9,.col-8,.col-7,.col-6,.col-5,.col-4,.col-3,.col-2,.col-1{box-sizing:border-box;float:left;padding:0 10px}.col-1{width:8.3333333333%}.offset-1{margin-left:8.3333333333%}.col-2{width:16.6666666667%}.offset-2{margin-left:16.6666666667%}.col-3{width:25%}.offset-3{margin-left:25%}.col-4{width:33.3333333333%}.offset-4{margin-left:33.3333333333%}.col-5{width:41.6666666667%}.offset-5{margin-left:41.6666666667%}.col-6{width:50%}.offset-6{margin-left:50%}.col-7{width:58.3333333333%}.offset-7{margin-left:58.3333333333%}.col-8{width:66.6666666667%}.offset-8{margin-left:66.6666666667%}.col-9{width:75%}.offset-9{margin-left:75%}.col-10{width:83.3333333333%}.offset-10{margin-left:83.3333333333%}.col-11{width:91.6666666667%}.offset-11{margin-left:91.6666666667%}.tsd-kind-icon{display:block;position:relative;padding-left:20px;text-indent:-20px}.tsd-kind-icon:before{content:"";display:inline-block;vertical-align:middle;width:17px;height:17px;margin:0 3px 2px 0;background-image:url()}@media(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi){.tsd-kind-icon:before{background-image:url();background-size:238px 204px}}.tsd-signature.tsd-kind-icon:before{background-position:0 -153px}.tsd-kind-object-literal>.tsd-kind-icon:before{background-position:0px -17px}.tsd-kind-object-literal.tsd-is-protected>.tsd-kind-icon:before{background-position:-17px -17px}.tsd-kind-object-literal.tsd-is-private>.tsd-kind-icon:before{background-position:-34px -17px}.tsd-kind-class>.tsd-kind-icon:before{background-position:0px -34px}.tsd-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-17px -34px}.tsd-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-34px -34px}.tsd-kind-class.tsd-has-type-parameter>.tsd-kind-icon:before{background-position:0px -51px}.tsd-kind-class.tsd-has-type-parameter.tsd-is-protected>.tsd-kind-icon:before{background-position:-17px -51px}.tsd-kind-class.tsd-has-type-parameter.tsd-is-private>.tsd-kind-icon:before{background-position:-34px -51px}.tsd-kind-interface>.tsd-kind-icon:before{background-position:0px -68px}.tsd-kind-interface.tsd-is-protected>.tsd-kind-icon:before{background-position:-17px -68px}.tsd-kind-interface.tsd-is-private>.tsd-kind-icon:before{background-position:-34px -68px}.tsd-kind-interface.tsd-has-type-parameter>.tsd-kind-icon:before{background-position:0px -85px}.tsd-kind-interface.tsd-has-type-parameter.tsd-is-protected>.tsd-kind-icon:before{background-position:-17px -85px}.tsd-kind-interface.tsd-has-type-parameter.tsd-is-private>.tsd-kind-icon:before{background-position:-34px -85px}.tsd-kind-namespace>.tsd-kind-icon:before{background-position:0px -102px}.tsd-kind-namespace.tsd-is-protected>.tsd-kind-icon:before{background-position:-17px -102px}.tsd-kind-namespace.tsd-is-private>.tsd-kind-icon:before{background-position:-34px -102px}.tsd-kind-module>.tsd-kind-icon:before{background-position:0px -102px}.tsd-kind-module.tsd-is-protected>.tsd-kind-icon:before{background-position:-17px -102px}.tsd-kind-module.tsd-is-private>.tsd-kind-icon:before{background-position:-34px -102px}.tsd-kind-enum>.tsd-kind-icon:before{background-position:0px -119px}.tsd-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-17px -119px}.tsd-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-34px -119px}.tsd-kind-enum-member>.tsd-kind-icon:before{background-position:0px -136px}.tsd-kind-enum-member.tsd-is-protected>.tsd-kind-icon:before{background-position:-17px -136px}.tsd-kind-enum-member.tsd-is-private>.tsd-kind-icon:before{background-position:-34px -136px}.tsd-kind-signature>.tsd-kind-icon:before{background-position:0px -153px}.tsd-kind-signature.tsd-is-protected>.tsd-kind-icon:before{background-position:-17px -153px}.tsd-kind-signature.tsd-is-private>.tsd-kind-icon:before{background-position:-34px -153px}.tsd-kind-type-alias>.tsd-kind-icon:before{background-position:0px -170px}.tsd-kind-type-alias.tsd-is-protected>.tsd-kind-icon:before{background-position:-17px -170px}.tsd-kind-type-alias.tsd-is-private>.tsd-kind-icon:before{background-position:-34px -170px}.tsd-kind-type-alias.tsd-has-type-parameter>.tsd-kind-icon:before{background-position:0px -187px}.tsd-kind-type-alias.tsd-has-type-parameter.tsd-is-protected>.tsd-kind-icon:before{background-position:-17px -187px}.tsd-kind-type-alias.tsd-has-type-parameter.tsd-is-private>.tsd-kind-icon:before{background-position:-34px -187px}.tsd-kind-variable>.tsd-kind-icon:before{background-position:-136px -0px}.tsd-kind-variable.tsd-is-protected>.tsd-kind-icon:before{background-position:-153px -0px}.tsd-kind-variable.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -0px}.tsd-kind-variable.tsd-parent-kind-class>.tsd-kind-icon:before{background-position:-51px -0px}.tsd-kind-variable.tsd-parent-kind-class.tsd-is-inherited>.tsd-kind-icon:before{background-position:-68px -0px}.tsd-kind-variable.tsd-parent-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-85px -0px}.tsd-kind-variable.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited>.tsd-kind-icon:before{background-position:-102px -0px}.tsd-kind-variable.tsd-parent-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -0px}.tsd-kind-variable.tsd-parent-kind-enum>.tsd-kind-icon:before{background-position:-170px -0px}.tsd-kind-variable.tsd-parent-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-187px -0px}.tsd-kind-variable.tsd-parent-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -0px}.tsd-kind-variable.tsd-parent-kind-interface>.tsd-kind-icon:before{background-position:-204px -0px}.tsd-kind-variable.tsd-parent-kind-interface.tsd-is-inherited>.tsd-kind-icon:before{background-position:-221px -0px}.tsd-kind-property>.tsd-kind-icon:before{background-position:-136px -0px}.tsd-kind-property.tsd-is-protected>.tsd-kind-icon:before{background-position:-153px -0px}.tsd-kind-property.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -0px}.tsd-kind-property.tsd-parent-kind-class>.tsd-kind-icon:before{background-position:-51px -0px}.tsd-kind-property.tsd-parent-kind-class.tsd-is-inherited>.tsd-kind-icon:before{background-position:-68px -0px}.tsd-kind-property.tsd-parent-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-85px -0px}.tsd-kind-property.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited>.tsd-kind-icon:before{background-position:-102px -0px}.tsd-kind-property.tsd-parent-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -0px}.tsd-kind-property.tsd-parent-kind-enum>.tsd-kind-icon:before{background-position:-170px -0px}.tsd-kind-property.tsd-parent-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-187px -0px}.tsd-kind-property.tsd-parent-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -0px}.tsd-kind-property.tsd-parent-kind-interface>.tsd-kind-icon:before{background-position:-204px -0px}.tsd-kind-property.tsd-parent-kind-interface.tsd-is-inherited>.tsd-kind-icon:before{background-position:-221px -0px}.tsd-kind-get-signature>.tsd-kind-icon:before{background-position:-136px -17px}.tsd-kind-get-signature.tsd-is-protected>.tsd-kind-icon:before{background-position:-153px -17px}.tsd-kind-get-signature.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -17px}.tsd-kind-get-signature.tsd-parent-kind-class>.tsd-kind-icon:before{background-position:-51px -17px}.tsd-kind-get-signature.tsd-parent-kind-class.tsd-is-inherited>.tsd-kind-icon:before{background-position:-68px -17px}.tsd-kind-get-signature.tsd-parent-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-85px -17px}.tsd-kind-get-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited>.tsd-kind-icon:before{background-position:-102px -17px}.tsd-kind-get-signature.tsd-parent-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -17px}.tsd-kind-get-signature.tsd-parent-kind-enum>.tsd-kind-icon:before{background-position:-170px -17px}.tsd-kind-get-signature.tsd-parent-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-187px -17px}.tsd-kind-get-signature.tsd-parent-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -17px}.tsd-kind-get-signature.tsd-parent-kind-interface>.tsd-kind-icon:before{background-position:-204px -17px}.tsd-kind-get-signature.tsd-parent-kind-interface.tsd-is-inherited>.tsd-kind-icon:before{background-position:-221px -17px}.tsd-kind-set-signature>.tsd-kind-icon:before{background-position:-136px -34px}.tsd-kind-set-signature.tsd-is-protected>.tsd-kind-icon:before{background-position:-153px -34px}.tsd-kind-set-signature.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -34px}.tsd-kind-set-signature.tsd-parent-kind-class>.tsd-kind-icon:before{background-position:-51px -34px}.tsd-kind-set-signature.tsd-parent-kind-class.tsd-is-inherited>.tsd-kind-icon:before{background-position:-68px -34px}.tsd-kind-set-signature.tsd-parent-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-85px -34px}.tsd-kind-set-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited>.tsd-kind-icon:before{background-position:-102px -34px}.tsd-kind-set-signature.tsd-parent-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -34px}.tsd-kind-set-signature.tsd-parent-kind-enum>.tsd-kind-icon:before{background-position:-170px -34px}.tsd-kind-set-signature.tsd-parent-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-187px -34px}.tsd-kind-set-signature.tsd-parent-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -34px}.tsd-kind-set-signature.tsd-parent-kind-interface>.tsd-kind-icon:before{background-position:-204px -34px}.tsd-kind-set-signature.tsd-parent-kind-interface.tsd-is-inherited>.tsd-kind-icon:before{background-position:-221px -34px}.tsd-kind-accessor>.tsd-kind-icon:before{background-position:-136px -51px}.tsd-kind-accessor.tsd-is-protected>.tsd-kind-icon:before{background-position:-153px -51px}.tsd-kind-accessor.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -51px}.tsd-kind-accessor.tsd-parent-kind-class>.tsd-kind-icon:before{background-position:-51px -51px}.tsd-kind-accessor.tsd-parent-kind-class.tsd-is-inherited>.tsd-kind-icon:before{background-position:-68px -51px}.tsd-kind-accessor.tsd-parent-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-85px -51px}.tsd-kind-accessor.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited>.tsd-kind-icon:before{background-position:-102px -51px}.tsd-kind-accessor.tsd-parent-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -51px}.tsd-kind-accessor.tsd-parent-kind-enum>.tsd-kind-icon:before{background-position:-170px -51px}.tsd-kind-accessor.tsd-parent-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-187px -51px}.tsd-kind-accessor.tsd-parent-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -51px}.tsd-kind-accessor.tsd-parent-kind-interface>.tsd-kind-icon:before{background-position:-204px -51px}.tsd-kind-accessor.tsd-parent-kind-interface.tsd-is-inherited>.tsd-kind-icon:before{background-position:-221px -51px}.tsd-kind-function>.tsd-kind-icon:before{background-position:-136px -68px}.tsd-kind-function.tsd-is-protected>.tsd-kind-icon:before{background-position:-153px -68px}.tsd-kind-function.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -68px}.tsd-kind-function.tsd-parent-kind-class>.tsd-kind-icon:before{background-position:-51px -68px}.tsd-kind-function.tsd-parent-kind-class.tsd-is-inherited>.tsd-kind-icon:before{background-position:-68px -68px}.tsd-kind-function.tsd-parent-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-85px -68px}.tsd-kind-function.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited>.tsd-kind-icon:before{background-position:-102px -68px}.tsd-kind-function.tsd-parent-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -68px}.tsd-kind-function.tsd-parent-kind-enum>.tsd-kind-icon:before{background-position:-170px -68px}.tsd-kind-function.tsd-parent-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-187px -68px}.tsd-kind-function.tsd-parent-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -68px}.tsd-kind-function.tsd-parent-kind-interface>.tsd-kind-icon:before{background-position:-204px -68px}.tsd-kind-function.tsd-parent-kind-interface.tsd-is-inherited>.tsd-kind-icon:before{background-position:-221px -68px}.tsd-kind-method>.tsd-kind-icon:before{background-position:-136px -68px}.tsd-kind-method.tsd-is-protected>.tsd-kind-icon:before{background-position:-153px -68px}.tsd-kind-method.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -68px}.tsd-kind-method.tsd-parent-kind-class>.tsd-kind-icon:before{background-position:-51px -68px}.tsd-kind-method.tsd-parent-kind-class.tsd-is-inherited>.tsd-kind-icon:before{background-position:-68px -68px}.tsd-kind-method.tsd-parent-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-85px -68px}.tsd-kind-method.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited>.tsd-kind-icon:before{background-position:-102px -68px}.tsd-kind-method.tsd-parent-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -68px}.tsd-kind-method.tsd-parent-kind-enum>.tsd-kind-icon:before{background-position:-170px -68px}.tsd-kind-method.tsd-parent-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-187px -68px}.tsd-kind-method.tsd-parent-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -68px}.tsd-kind-method.tsd-parent-kind-interface>.tsd-kind-icon:before{background-position:-204px -68px}.tsd-kind-method.tsd-parent-kind-interface.tsd-is-inherited>.tsd-kind-icon:before{background-position:-221px -68px}.tsd-kind-call-signature>.tsd-kind-icon:before{background-position:-136px -68px}.tsd-kind-call-signature.tsd-is-protected>.tsd-kind-icon:before{background-position:-153px -68px}.tsd-kind-call-signature.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -68px}.tsd-kind-call-signature.tsd-parent-kind-class>.tsd-kind-icon:before{background-position:-51px -68px}.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-inherited>.tsd-kind-icon:before{background-position:-68px -68px}.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-85px -68px}.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited>.tsd-kind-icon:before{background-position:-102px -68px}.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -68px}.tsd-kind-call-signature.tsd-parent-kind-enum>.tsd-kind-icon:before{background-position:-170px -68px}.tsd-kind-call-signature.tsd-parent-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-187px -68px}.tsd-kind-call-signature.tsd-parent-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -68px}.tsd-kind-call-signature.tsd-parent-kind-interface>.tsd-kind-icon:before{background-position:-204px -68px}.tsd-kind-call-signature.tsd-parent-kind-interface.tsd-is-inherited>.tsd-kind-icon:before{background-position:-221px -68px}.tsd-kind-function.tsd-has-type-parameter>.tsd-kind-icon:before{background-position:-136px -85px}.tsd-kind-function.tsd-has-type-parameter.tsd-is-protected>.tsd-kind-icon:before{background-position:-153px -85px}.tsd-kind-function.tsd-has-type-parameter.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -85px}.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class>.tsd-kind-icon:before{background-position:-51px -85px}.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-inherited>.tsd-kind-icon:before{background-position:-68px -85px}.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-85px -85px}.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited>.tsd-kind-icon:before{background-position:-102px -85px}.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -85px}.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-enum>.tsd-kind-icon:before{background-position:-170px -85px}.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-187px -85px}.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -85px}.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-interface>.tsd-kind-icon:before{background-position:-204px -85px}.tsd-kind-function.tsd-has-type-parameter.tsd-parent-kind-interface.tsd-is-inherited>.tsd-kind-icon:before{background-position:-221px -85px}.tsd-kind-method.tsd-has-type-parameter>.tsd-kind-icon:before{background-position:-136px -85px}.tsd-kind-method.tsd-has-type-parameter.tsd-is-protected>.tsd-kind-icon:before{background-position:-153px -85px}.tsd-kind-method.tsd-has-type-parameter.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -85px}.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class>.tsd-kind-icon:before{background-position:-51px -85px}.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-inherited>.tsd-kind-icon:before{background-position:-68px -85px}.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-85px -85px}.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited>.tsd-kind-icon:before{background-position:-102px -85px}.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -85px}.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-enum>.tsd-kind-icon:before{background-position:-170px -85px}.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-187px -85px}.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -85px}.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-interface>.tsd-kind-icon:before{background-position:-204px -85px}.tsd-kind-method.tsd-has-type-parameter.tsd-parent-kind-interface.tsd-is-inherited>.tsd-kind-icon:before{background-position:-221px -85px}.tsd-kind-constructor>.tsd-kind-icon:before{background-position:-136px -102px}.tsd-kind-constructor.tsd-is-protected>.tsd-kind-icon:before{background-position:-153px -102px}.tsd-kind-constructor.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -102px}.tsd-kind-constructor.tsd-parent-kind-class>.tsd-kind-icon:before{background-position:-51px -102px}.tsd-kind-constructor.tsd-parent-kind-class.tsd-is-inherited>.tsd-kind-icon:before{background-position:-68px -102px}.tsd-kind-constructor.tsd-parent-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-85px -102px}.tsd-kind-constructor.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited>.tsd-kind-icon:before{background-position:-102px -102px}.tsd-kind-constructor.tsd-parent-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -102px}.tsd-kind-constructor.tsd-parent-kind-enum>.tsd-kind-icon:before{background-position:-170px -102px}.tsd-kind-constructor.tsd-parent-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-187px -102px}.tsd-kind-constructor.tsd-parent-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -102px}.tsd-kind-constructor.tsd-parent-kind-interface>.tsd-kind-icon:before{background-position:-204px -102px}.tsd-kind-constructor.tsd-parent-kind-interface.tsd-is-inherited>.tsd-kind-icon:before{background-position:-221px -102px}.tsd-kind-constructor-signature>.tsd-kind-icon:before{background-position:-136px -102px}.tsd-kind-constructor-signature.tsd-is-protected>.tsd-kind-icon:before{background-position:-153px -102px}.tsd-kind-constructor-signature.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -102px}.tsd-kind-constructor-signature.tsd-parent-kind-class>.tsd-kind-icon:before{background-position:-51px -102px}.tsd-kind-constructor-signature.tsd-parent-kind-class.tsd-is-inherited>.tsd-kind-icon:before{background-position:-68px -102px}.tsd-kind-constructor-signature.tsd-parent-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-85px -102px}.tsd-kind-constructor-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited>.tsd-kind-icon:before{background-position:-102px -102px}.tsd-kind-constructor-signature.tsd-parent-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -102px}.tsd-kind-constructor-signature.tsd-parent-kind-enum>.tsd-kind-icon:before{background-position:-170px -102px}.tsd-kind-constructor-signature.tsd-parent-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-187px -102px}.tsd-kind-constructor-signature.tsd-parent-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -102px}.tsd-kind-constructor-signature.tsd-parent-kind-interface>.tsd-kind-icon:before{background-position:-204px -102px}.tsd-kind-constructor-signature.tsd-parent-kind-interface.tsd-is-inherited>.tsd-kind-icon:before{background-position:-221px -102px}.tsd-kind-index-signature>.tsd-kind-icon:before{background-position:-136px -119px}.tsd-kind-index-signature.tsd-is-protected>.tsd-kind-icon:before{background-position:-153px -119px}.tsd-kind-index-signature.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -119px}.tsd-kind-index-signature.tsd-parent-kind-class>.tsd-kind-icon:before{background-position:-51px -119px}.tsd-kind-index-signature.tsd-parent-kind-class.tsd-is-inherited>.tsd-kind-icon:before{background-position:-68px -119px}.tsd-kind-index-signature.tsd-parent-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-85px -119px}.tsd-kind-index-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited>.tsd-kind-icon:before{background-position:-102px -119px}.tsd-kind-index-signature.tsd-parent-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -119px}.tsd-kind-index-signature.tsd-parent-kind-enum>.tsd-kind-icon:before{background-position:-170px -119px}.tsd-kind-index-signature.tsd-parent-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-187px -119px}.tsd-kind-index-signature.tsd-parent-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -119px}.tsd-kind-index-signature.tsd-parent-kind-interface>.tsd-kind-icon:before{background-position:-204px -119px}.tsd-kind-index-signature.tsd-parent-kind-interface.tsd-is-inherited>.tsd-kind-icon:before{background-position:-221px -119px}.tsd-kind-event>.tsd-kind-icon:before{background-position:-136px -136px}.tsd-kind-event.tsd-is-protected>.tsd-kind-icon:before{background-position:-153px -136px}.tsd-kind-event.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -136px}.tsd-kind-event.tsd-parent-kind-class>.tsd-kind-icon:before{background-position:-51px -136px}.tsd-kind-event.tsd-parent-kind-class.tsd-is-inherited>.tsd-kind-icon:before{background-position:-68px -136px}.tsd-kind-event.tsd-parent-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-85px -136px}.tsd-kind-event.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited>.tsd-kind-icon:before{background-position:-102px -136px}.tsd-kind-event.tsd-parent-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -136px}.tsd-kind-event.tsd-parent-kind-enum>.tsd-kind-icon:before{background-position:-170px -136px}.tsd-kind-event.tsd-parent-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-187px -136px}.tsd-kind-event.tsd-parent-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -136px}.tsd-kind-event.tsd-parent-kind-interface>.tsd-kind-icon:before{background-position:-204px -136px}.tsd-kind-event.tsd-parent-kind-interface.tsd-is-inherited>.tsd-kind-icon:before{background-position:-221px -136px}.tsd-is-static>.tsd-kind-icon:before{background-position:-136px -153px}.tsd-is-static.tsd-is-protected>.tsd-kind-icon:before{background-position:-153px -153px}.tsd-is-static.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -153px}.tsd-is-static.tsd-parent-kind-class>.tsd-kind-icon:before{background-position:-51px -153px}.tsd-is-static.tsd-parent-kind-class.tsd-is-inherited>.tsd-kind-icon:before{background-position:-68px -153px}.tsd-is-static.tsd-parent-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-85px -153px}.tsd-is-static.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited>.tsd-kind-icon:before{background-position:-102px -153px}.tsd-is-static.tsd-parent-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -153px}.tsd-is-static.tsd-parent-kind-enum>.tsd-kind-icon:before{background-position:-170px -153px}.tsd-is-static.tsd-parent-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-187px -153px}.tsd-is-static.tsd-parent-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -153px}.tsd-is-static.tsd-parent-kind-interface>.tsd-kind-icon:before{background-position:-204px -153px}.tsd-is-static.tsd-parent-kind-interface.tsd-is-inherited>.tsd-kind-icon:before{background-position:-221px -153px}.tsd-is-static.tsd-kind-function>.tsd-kind-icon:before{background-position:-136px -170px}.tsd-is-static.tsd-kind-function.tsd-is-protected>.tsd-kind-icon:before{background-position:-153px -170px}.tsd-is-static.tsd-kind-function.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -170px}.tsd-is-static.tsd-kind-function.tsd-parent-kind-class>.tsd-kind-icon:before{background-position:-51px -170px}.tsd-is-static.tsd-kind-function.tsd-parent-kind-class.tsd-is-inherited>.tsd-kind-icon:before{background-position:-68px -170px}.tsd-is-static.tsd-kind-function.tsd-parent-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-85px -170px}.tsd-is-static.tsd-kind-function.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited>.tsd-kind-icon:before{background-position:-102px -170px}.tsd-is-static.tsd-kind-function.tsd-parent-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -170px}.tsd-is-static.tsd-kind-function.tsd-parent-kind-enum>.tsd-kind-icon:before{background-position:-170px -170px}.tsd-is-static.tsd-kind-function.tsd-parent-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-187px -170px}.tsd-is-static.tsd-kind-function.tsd-parent-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -170px}.tsd-is-static.tsd-kind-function.tsd-parent-kind-interface>.tsd-kind-icon:before{background-position:-204px -170px}.tsd-is-static.tsd-kind-function.tsd-parent-kind-interface.tsd-is-inherited>.tsd-kind-icon:before{background-position:-221px -170px}.tsd-is-static.tsd-kind-method>.tsd-kind-icon:before{background-position:-136px -170px}.tsd-is-static.tsd-kind-method.tsd-is-protected>.tsd-kind-icon:before{background-position:-153px -170px}.tsd-is-static.tsd-kind-method.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -170px}.tsd-is-static.tsd-kind-method.tsd-parent-kind-class>.tsd-kind-icon:before{background-position:-51px -170px}.tsd-is-static.tsd-kind-method.tsd-parent-kind-class.tsd-is-inherited>.tsd-kind-icon:before{background-position:-68px -170px}.tsd-is-static.tsd-kind-method.tsd-parent-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-85px -170px}.tsd-is-static.tsd-kind-method.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited>.tsd-kind-icon:before{background-position:-102px -170px}.tsd-is-static.tsd-kind-method.tsd-parent-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -170px}.tsd-is-static.tsd-kind-method.tsd-parent-kind-enum>.tsd-kind-icon:before{background-position:-170px -170px}.tsd-is-static.tsd-kind-method.tsd-parent-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-187px -170px}.tsd-is-static.tsd-kind-method.tsd-parent-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -170px}.tsd-is-static.tsd-kind-method.tsd-parent-kind-interface>.tsd-kind-icon:before{background-position:-204px -170px}.tsd-is-static.tsd-kind-method.tsd-parent-kind-interface.tsd-is-inherited>.tsd-kind-icon:before{background-position:-221px -170px}.tsd-is-static.tsd-kind-call-signature>.tsd-kind-icon:before{background-position:-136px -170px}.tsd-is-static.tsd-kind-call-signature.tsd-is-protected>.tsd-kind-icon:before{background-position:-153px -170px}.tsd-is-static.tsd-kind-call-signature.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -170px}.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class>.tsd-kind-icon:before{background-position:-51px -170px}.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-inherited>.tsd-kind-icon:before{background-position:-68px -170px}.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-85px -170px}.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited>.tsd-kind-icon:before{background-position:-102px -170px}.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -170px}.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-enum>.tsd-kind-icon:before{background-position:-170px -170px}.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-187px -170px}.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -170px}.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-interface>.tsd-kind-icon:before{background-position:-204px -170px}.tsd-is-static.tsd-kind-call-signature.tsd-parent-kind-interface.tsd-is-inherited>.tsd-kind-icon:before{background-position:-221px -170px}.tsd-is-static.tsd-kind-event>.tsd-kind-icon:before{background-position:-136px -187px}.tsd-is-static.tsd-kind-event.tsd-is-protected>.tsd-kind-icon:before{background-position:-153px -187px}.tsd-is-static.tsd-kind-event.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -187px}.tsd-is-static.tsd-kind-event.tsd-parent-kind-class>.tsd-kind-icon:before{background-position:-51px -187px}.tsd-is-static.tsd-kind-event.tsd-parent-kind-class.tsd-is-inherited>.tsd-kind-icon:before{background-position:-68px -187px}.tsd-is-static.tsd-kind-event.tsd-parent-kind-class.tsd-is-protected>.tsd-kind-icon:before{background-position:-85px -187px}.tsd-is-static.tsd-kind-event.tsd-parent-kind-class.tsd-is-protected.tsd-is-inherited>.tsd-kind-icon:before{background-position:-102px -187px}.tsd-is-static.tsd-kind-event.tsd-parent-kind-class.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -187px}.tsd-is-static.tsd-kind-event.tsd-parent-kind-enum>.tsd-kind-icon:before{background-position:-170px -187px}.tsd-is-static.tsd-kind-event.tsd-parent-kind-enum.tsd-is-protected>.tsd-kind-icon:before{background-position:-187px -187px}.tsd-is-static.tsd-kind-event.tsd-parent-kind-enum.tsd-is-private>.tsd-kind-icon:before{background-position:-119px -187px}.tsd-is-static.tsd-kind-event.tsd-parent-kind-interface>.tsd-kind-icon:before{background-position:-204px -187px}.tsd-is-static.tsd-kind-event.tsd-parent-kind-interface.tsd-is-inherited>.tsd-kind-icon:before{background-position:-221px -187px}@keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-out{from{opacity:1;visibility:visible}to{opacity:0}}@keyframes fade-in-delayed{0%{opacity:0}33%{opacity:0}100%{opacity:1}}@keyframes fade-out-delayed{0%{opacity:1;visibility:visible}66%{opacity:0}100%{opacity:0}}@keyframes shift-to-left{from{transform:translate(0, 0)}to{transform:translate(-25%, 0)}}@keyframes unshift-to-left{from{transform:translate(-25%, 0)}to{transform:translate(0, 0)}}@keyframes pop-in-from-right{from{transform:translate(100%, 0)}to{transform:translate(0, 0)}}@keyframes pop-out-to-right{from{transform:translate(0, 0);visibility:visible}to{transform:translate(100%, 0)}}body{background:#fdfdfd;font-family:"Segoe UI",sans-serif;font-size:16px;color:#222}a{color:#4da6ff;text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;padding:.2em;margin:0;font-size:14px;background-color:rgba(0,0,0,.04)}pre{padding:10px}pre code{padding:0;font-size:100%;background-color:transparent}.tsd-typography{line-height:1.333em}.tsd-typography ul{list-style:square;padding:0 0 0 20px;margin:0}.tsd-typography h4,.tsd-typography .tsd-index-panel h3,.tsd-index-panel .tsd-typography h3,.tsd-typography h5,.tsd-typography h6{font-size:1em;margin:0}.tsd-typography h5,.tsd-typography h6{font-weight:normal}.tsd-typography p,.tsd-typography ul,.tsd-typography ol{margin:1em 0}@media(min-width: 901px)and (max-width: 1024px){html.default .col-content{width:72%}html.default .col-menu{width:28%}html.default .tsd-navigation{padding-left:10px}}@media(max-width: 900px){html.default .col-content{float:none;width:100%}html.default .col-menu{position:fixed !important;overflow:auto;-webkit-overflow-scrolling:touch;z-index:1024;top:0 !important;bottom:0 !important;left:auto !important;right:0 !important;width:100%;padding:20px 20px 0 0;max-width:450px;visibility:hidden;background-color:#fff;transform:translate(100%, 0)}html.default .col-menu>*:last-child{padding-bottom:20px}html.default .overlay{content:"";display:block;position:fixed;z-index:1023;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.75);visibility:hidden}html.default.to-has-menu .overlay{animation:fade-in .4s}html.default.to-has-menu header,html.default.to-has-menu footer,html.default.to-has-menu .col-content{animation:shift-to-left .4s}html.default.to-has-menu .col-menu{animation:pop-in-from-right .4s}html.default.from-has-menu .overlay{animation:fade-out .4s}html.default.from-has-menu header,html.default.from-has-menu footer,html.default.from-has-menu .col-content{animation:unshift-to-left .4s}html.default.from-has-menu .col-menu{animation:pop-out-to-right .4s}html.default.has-menu body{overflow:hidden}html.default.has-menu .overlay{visibility:visible}html.default.has-menu header,html.default.has-menu footer,html.default.has-menu .col-content{transform:translate(-25%, 0)}html.default.has-menu .col-menu{visibility:visible;transform:translate(0, 0)}}.tsd-page-title{padding:70px 0 20px 0;margin:0 0 40px 0;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.35)}.tsd-page-title h1{margin:0}.tsd-breadcrumb{margin:0;padding:0;color:#707070}.tsd-breadcrumb a{color:#707070;text-decoration:none}.tsd-breadcrumb a:hover{text-decoration:underline}.tsd-breadcrumb li{display:inline}.tsd-breadcrumb li:after{content:" / "}html.minimal .container{margin:0}html.minimal .container-main{padding-top:50px;padding-bottom:0}html.minimal .content-wrap{padding-left:300px}html.minimal .tsd-navigation{position:fixed !important;overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;z-index:1;left:0;top:40px;bottom:0;width:300px;padding:20px;margin:0}html.minimal .tsd-member .tsd-member{margin-left:0}html.minimal .tsd-page-toolbar{position:fixed;z-index:2}html.minimal #tsd-filter .tsd-filter-group{right:0;transform:none}html.minimal footer{background-color:transparent}html.minimal footer .container{padding:0}html.minimal .tsd-generator{padding:0}@media(max-width: 900px){html.minimal .tsd-navigation{display:none}html.minimal .content-wrap{padding-left:0}}dl.tsd-comment-tags{overflow:hidden}dl.tsd-comment-tags dt{float:left;padding:1px 5px;margin:0 10px 0 0;border-radius:4px;border:1px solid #707070;color:#707070;font-size:.8em;font-weight:normal}dl.tsd-comment-tags dd{margin:0 0 10px 0}dl.tsd-comment-tags dd:before,dl.tsd-comment-tags dd:after{display:table;content:" "}dl.tsd-comment-tags dd pre,dl.tsd-comment-tags dd:after{clear:both}dl.tsd-comment-tags p{margin:0}.tsd-panel.tsd-comment .lead{font-size:1.1em;line-height:1.333em;margin-bottom:2em}.tsd-panel.tsd-comment .lead:last-child{margin-bottom:0}.toggle-protected .tsd-is-private{display:none}.toggle-public .tsd-is-private,.toggle-public .tsd-is-protected,.toggle-public .tsd-is-private-protected{display:none}.toggle-inherited .tsd-is-inherited{display:none}.toggle-only-exported .tsd-is-not-exported{display:none}.toggle-externals .tsd-is-external{display:none}#tsd-filter{position:relative;display:inline-block;height:40px;vertical-align:bottom}.no-filter #tsd-filter{display:none}#tsd-filter .tsd-filter-group{display:inline-block;height:40px;vertical-align:bottom;white-space:nowrap}#tsd-filter input{display:none}@media(max-width: 900px){#tsd-filter .tsd-filter-group{display:block;position:absolute;top:40px;right:20px;height:auto;background-color:#fff;visibility:hidden;transform:translate(50%, 0);box-shadow:0 0 4px rgba(0,0,0,.25)}.has-options #tsd-filter .tsd-filter-group{visibility:visible}.to-has-options #tsd-filter .tsd-filter-group{animation:fade-in .2s}.from-has-options #tsd-filter .tsd-filter-group{animation:fade-out .2s}#tsd-filter label,#tsd-filter .tsd-select{display:block;padding-right:20px}}footer{border-top:1px solid #eee;background-color:#fff}footer.with-border-bottom{border-bottom:1px solid #eee}footer .tsd-legend-group{font-size:0}footer .tsd-legend{display:inline-block;width:25%;padding:0;font-size:16px;list-style:none;line-height:1.333em;vertical-align:top}@media(max-width: 900px){footer .tsd-legend{width:50%}}.tsd-hierarchy{list-style:square;padding:0 0 0 20px;margin:0}.tsd-hierarchy .target{font-weight:bold}.tsd-index-panel .tsd-index-content{margin-bottom:-30px !important}.tsd-index-panel .tsd-index-section{margin-bottom:30px !important}.tsd-index-panel h3{margin:0 -20px 10px -20px;padding:0 20px 10px 20px;border-bottom:1px solid #eee}.tsd-index-panel ul.tsd-index-list{-webkit-column-count:3;-moz-column-count:3;-ms-column-count:3;-o-column-count:3;column-count:3;-webkit-column-gap:20px;-moz-column-gap:20px;-ms-column-gap:20px;-o-column-gap:20px;column-gap:20px;padding:0;list-style:none;line-height:1.333em}@media(max-width: 900px){.tsd-index-panel ul.tsd-index-list{-webkit-column-count:1;-moz-column-count:1;-ms-column-count:1;-o-column-count:1;column-count:1}}@media(min-width: 901px)and (max-width: 1024px){.tsd-index-panel ul.tsd-index-list{-webkit-column-count:2;-moz-column-count:2;-ms-column-count:2;-o-column-count:2;column-count:2}}.tsd-index-panel ul.tsd-index-list li{-webkit-page-break-inside:avoid;-moz-page-break-inside:avoid;-ms-page-break-inside:avoid;-o-page-break-inside:avoid;page-break-inside:avoid}.tsd-index-panel a,.tsd-index-panel .tsd-parent-kind-module a{color:#9600ff}.tsd-index-panel .tsd-parent-kind-interface a{color:#647f1b}.tsd-index-panel .tsd-parent-kind-enum a{color:#937210}.tsd-index-panel .tsd-parent-kind-class a{color:#0672de}.tsd-index-panel .tsd-kind-module a{color:#9600ff}.tsd-index-panel .tsd-kind-interface a{color:#647f1b}.tsd-index-panel .tsd-kind-enum a{color:#937210}.tsd-index-panel .tsd-kind-class a{color:#0672de}.tsd-index-panel .tsd-is-private a{color:#707070}.tsd-flag{display:inline-block;padding:1px 5px;border-radius:4px;color:#fff;background-color:#707070;text-indent:0;font-size:14px;font-weight:normal}.tsd-anchor{position:absolute;top:-100px}.tsd-member{position:relative}.tsd-member .tsd-anchor+h3{margin-top:0;margin-bottom:0;border-bottom:none}.tsd-navigation{margin:0 0 0 40px}.tsd-navigation a{display:block;padding-top:2px;padding-bottom:2px;border-left:2px solid transparent;color:#222;text-decoration:none;transition:border-left-color .1s}.tsd-navigation a:hover{text-decoration:underline}.tsd-navigation ul{margin:0;padding:0;list-style:none}.tsd-navigation li{padding:0}.tsd-navigation.primary{padding-bottom:40px}.tsd-navigation.primary a{display:block;padding-top:6px;padding-bottom:6px}.tsd-navigation.primary ul li a{padding-left:5px}.tsd-navigation.primary ul li li a{padding-left:25px}.tsd-navigation.primary ul li li li a{padding-left:45px}.tsd-navigation.primary ul li li li li a{padding-left:65px}.tsd-navigation.primary ul li li li li li a{padding-left:85px}.tsd-navigation.primary ul li li li li li li a{padding-left:105px}.tsd-navigation.primary>ul{border-bottom:1px solid #eee}.tsd-navigation.primary li{border-top:1px solid #eee}.tsd-navigation.primary li.current>a{font-weight:bold}.tsd-navigation.primary li.label span{display:block;padding:20px 0 6px 5px;color:#707070}.tsd-navigation.primary li.globals+li>span,.tsd-navigation.primary li.globals+li>a{padding-top:20px}.tsd-navigation.secondary{max-height:calc(100vh - 1rem - 40px);overflow:auto;position:-webkit-sticky;position:sticky;top:calc(.5rem + 40px);transition:.3s}.tsd-navigation.secondary.tsd-navigation--toolbar-hide{max-height:calc(100vh - 1rem);top:.5rem}.tsd-navigation.secondary ul{transition:opacity .2s}.tsd-navigation.secondary ul li a{padding-left:25px}.tsd-navigation.secondary ul li li a{padding-left:45px}.tsd-navigation.secondary ul li li li a{padding-left:65px}.tsd-navigation.secondary ul li li li li a{padding-left:85px}.tsd-navigation.secondary ul li li li li li a{padding-left:105px}.tsd-navigation.secondary ul li li li li li li a{padding-left:125px}.tsd-navigation.secondary ul.current a{border-left-color:#eee}.tsd-navigation.secondary li.focus>a,.tsd-navigation.secondary ul.current li.focus>a{border-left-color:#000}.tsd-navigation.secondary li.current{margin-top:20px;margin-bottom:20px;border-left-color:#eee}.tsd-navigation.secondary li.current>a{font-weight:bold}@media(min-width: 901px){.menu-sticky-wrap{position:static}}.tsd-panel{margin:20px 0;padding:20px;background-color:#fff;box-shadow:0 0 4px rgba(0,0,0,.25)}.tsd-panel:empty{display:none}.tsd-panel>h1,.tsd-panel>h2,.tsd-panel>h3{margin:1.5em -20px 10px -20px;padding:0 20px 10px 20px;border-bottom:1px solid #eee}.tsd-panel>h1.tsd-before-signature,.tsd-panel>h2.tsd-before-signature,.tsd-panel>h3.tsd-before-signature{margin-bottom:0;border-bottom:0}.tsd-panel table{display:block;width:100%;overflow:auto;margin-top:10px;word-break:normal;word-break:keep-all}.tsd-panel table th{font-weight:bold}.tsd-panel table th,.tsd-panel table td{padding:6px 13px;border:1px solid #ddd}.tsd-panel table tr{background-color:#fff;border-top:1px solid #ccc}.tsd-panel table tr:nth-child(2n){background-color:#f8f8f8}.tsd-panel-group{margin:60px 0}.tsd-panel-group>h1,.tsd-panel-group>h2,.tsd-panel-group>h3{padding-left:20px;padding-right:20px}#tsd-search{transition:background-color .2s}#tsd-search .title{position:relative;z-index:2}#tsd-search .field{position:absolute;left:0;top:0;right:40px;height:40px}#tsd-search .field input{box-sizing:border-box;position:relative;top:-50px;z-index:1;width:100%;padding:0 10px;opacity:0;outline:0;border:0;background:transparent;color:#222}#tsd-search .field label{position:absolute;overflow:hidden;right:-40px}#tsd-search .field input,#tsd-search .title{transition:opacity .2s}#tsd-search .results{position:absolute;visibility:hidden;top:40px;width:100%;margin:0;padding:0;list-style:none;box-shadow:0 0 4px rgba(0,0,0,.25)}#tsd-search .results li{padding:0 10px;background-color:#fdfdfd}#tsd-search .results li:nth-child(even){background-color:#fff}#tsd-search .results li.state{display:none}#tsd-search .results li.current,#tsd-search .results li:hover{background-color:#eee}#tsd-search .results a{display:block}#tsd-search .results a:before{top:10px}#tsd-search .results span.parent{color:#707070;font-weight:normal}#tsd-search.has-focus{background-color:#eee}#tsd-search.has-focus .field input{top:0;opacity:1}#tsd-search.has-focus .title{z-index:0;opacity:0}#tsd-search.has-focus .results{visibility:visible}#tsd-search.loading .results li.state.loading{display:block}#tsd-search.failure .results li.state.failure{display:block}.tsd-signature{margin:0 0 1em 0;padding:10px;border:1px solid #eee;font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:14px;overflow-x:auto}.tsd-signature.tsd-kind-icon{padding-left:30px}.tsd-signature.tsd-kind-icon:before{top:10px;left:10px}.tsd-panel>.tsd-signature{margin-left:-20px;margin-right:-20px;border-width:1px 0}.tsd-panel>.tsd-signature.tsd-kind-icon{padding-left:40px}.tsd-panel>.tsd-signature.tsd-kind-icon:before{left:20px}.tsd-signature-symbol{color:#707070;font-weight:normal}.tsd-signature-type{font-style:italic;font-weight:normal}.tsd-signatures{padding:0;margin:0 0 1em 0;border:1px solid #eee}.tsd-signatures .tsd-signature{margin:0;border-width:1px 0 0 0;transition:background-color .1s}.tsd-signatures .tsd-signature:first-child{border-top-width:0}.tsd-signatures .tsd-signature.current{background-color:#eee}.tsd-signatures.active>.tsd-signature{cursor:pointer}.tsd-panel>.tsd-signatures{margin-left:-20px;margin-right:-20px;border-width:1px 0}.tsd-panel>.tsd-signatures .tsd-signature.tsd-kind-icon{padding-left:40px}.tsd-panel>.tsd-signatures .tsd-signature.tsd-kind-icon:before{left:20px}.tsd-panel>a.anchor+.tsd-signatures{border-top-width:0;margin-top:-20px}ul.tsd-descriptions{position:relative;overflow:hidden;padding:0;list-style:none}ul.tsd-descriptions.active>.tsd-description{display:none}ul.tsd-descriptions.active>.tsd-description.current{display:block}ul.tsd-descriptions.active>.tsd-description.fade-in{animation:fade-in-delayed .3s}ul.tsd-descriptions.active>.tsd-description.fade-out{animation:fade-out-delayed .3s;position:absolute;display:block;top:0;left:0;right:0;opacity:0;visibility:hidden}ul.tsd-descriptions h4,ul.tsd-descriptions .tsd-index-panel h3,.tsd-index-panel ul.tsd-descriptions h3{font-size:16px;margin:1em 0 .5em 0}ul.tsd-parameters,ul.tsd-type-parameters{list-style:square;margin:0;padding-left:20px}ul.tsd-parameters>li.tsd-parameter-signature,ul.tsd-type-parameters>li.tsd-parameter-signature{list-style:none;margin-left:-20px}ul.tsd-parameters h5,ul.tsd-type-parameters h5{font-size:16px;margin:1em 0 .5em 0}ul.tsd-parameters .tsd-comment,ul.tsd-type-parameters .tsd-comment{margin-top:-0.5em}.tsd-sources{font-size:14px;color:#707070;margin:0 0 1em 0}.tsd-sources a{color:#707070;text-decoration:underline}.tsd-sources ul,.tsd-sources p{margin:0 !important}.tsd-sources ul{list-style:none;padding:0}.tsd-page-toolbar{position:fixed;z-index:1;top:0;left:0;width:100%;height:40px;color:#333;background:#fff;border-bottom:1px solid #eee;transition:transform .3s linear}.tsd-page-toolbar a{color:#333;text-decoration:none}.tsd-page-toolbar a.title{font-weight:bold}.tsd-page-toolbar a.title:hover{text-decoration:underline}.tsd-page-toolbar .table-wrap{display:table;width:100%;height:40px}.tsd-page-toolbar .table-cell{display:table-cell;position:relative;white-space:nowrap;line-height:40px}.tsd-page-toolbar .table-cell:first-child{width:100%}.tsd-page-toolbar--hide{transform:translateY(-100%)}.tsd-select .tsd-select-list li:before,.tsd-select .tsd-select-label:before,.tsd-widget:before{content:"";display:inline-block;width:40px;height:40px;margin:0 -8px 0 0;background-image:url();background-repeat:no-repeat;text-indent:-1024px;vertical-align:bottom}@media(-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 144dpi){.tsd-select .tsd-select-list li:before,.tsd-select .tsd-select-label:before,.tsd-widget:before{background-image:url();background-size:320px 40px}}.tsd-widget{display:inline-block;overflow:hidden;opacity:.6;height:40px;transition:opacity .1s,background-color .2s;vertical-align:bottom;cursor:pointer}.tsd-widget:hover{opacity:.8}.tsd-widget.active{opacity:1;background-color:#eee}.tsd-widget.no-caption{width:40px}.tsd-widget.no-caption:before{margin:0}.tsd-widget.search:before{background-position:0 0}.tsd-widget.menu:before{background-position:-40px 0}.tsd-widget.options:before{background-position:-80px 0}.tsd-widget.options,.tsd-widget.menu{display:none}@media(max-width: 900px){.tsd-widget.options,.tsd-widget.menu{display:inline-block}}input[type=checkbox]+.tsd-widget:before{background-position:-120px 0}input[type=checkbox]:checked+.tsd-widget:before{background-position:-160px 0}.tsd-select{position:relative;display:inline-block;height:40px;transition:opacity .1s,background-color .2s;vertical-align:bottom;cursor:pointer}.tsd-select .tsd-select-label{opacity:.6;transition:opacity .2s}.tsd-select .tsd-select-label:before{background-position:-240px 0}.tsd-select.active .tsd-select-label{opacity:.8}.tsd-select.active .tsd-select-list{visibility:visible;opacity:1;transition-delay:0s}.tsd-select .tsd-select-list{position:absolute;visibility:hidden;top:40px;left:0;margin:0;padding:0;opacity:0;list-style:none;box-shadow:0 0 4px rgba(0,0,0,.25);transition:visibility 0s .2s,opacity .2s}.tsd-select .tsd-select-list li{padding:0 20px 0 0;background-color:#fdfdfd}.tsd-select .tsd-select-list li:before{background-position:40px 0}.tsd-select .tsd-select-list li:nth-child(even){background-color:#fff}.tsd-select .tsd-select-list li:hover{background-color:#eee}.tsd-select .tsd-select-list li.selected:before{background-position:-200px 0}@media(max-width: 900px){.tsd-select .tsd-select-list{top:0;left:auto;right:100%;margin-right:-5px}.tsd-select .tsd-select-label:before{background-position:-280px 0}}img{max-width:100%}
</style>
</head>
<body>
<header>
	<div class="tsd-page-toolbar">
		<div class="container">
			<div class="table-wrap">
				<div class="table-cell">
					<strong><a href="index.html">graphql-editor</a></strong>
				</div>
				<div class="table-cell" id="tsd-widgets">
					<div id="tsd-filter">
						<a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
						<div class="tsd-filter-group">
							<div class="tsd-select" id="tsd-filter-visibility">
								<span class="tsd-select-label">All</span>
								<ul class="tsd-select-list">
									<li data-value="public">Public</li>
									<li data-value="protected">Public/Protected</li>
									<li data-value="private" class="selected">All</li>
								</ul>
							</div>
							<input type="checkbox" id="tsd-filter-inherited" checked />
							<label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
							<input type="checkbox" id="tsd-filter-externals" checked />
							<label class="tsd-widget" for="tsd-filter-externals">Externals</label>
							<input type="checkbox" id="tsd-filter-only-exported" />
							<label class="tsd-widget" for="tsd-filter-only-exported">Only exported</label>
						</div>
					</div>
					<a href="#typedoc-main-index" class="tsd-widget menu no-caption">Menu</a>
				</div>
			</div>
		</div>
	</div>
</header>
<nav class="tsd-navigation secondary">
	<ul>
		<li class=" tsd-kind-enum">
			<a href="enums/keyboardactions.html" class="tsd-kind-icon">Keyboard<wbr>Actions</a>
		</li>
		<li class=" tsd-kind-enum">
			<a href="enums/statusdotprops.html" class="tsd-kind-icon">Status<wbr>Dot<wbr>Props</a>
		</li>
		<li class=" tsd-kind-class">
			<a href="classes/dom.html" class="tsd-kind-icon">DOM</a>
		</li>
		<li class=" tsd-kind-class">
			<a href="classes/treetonodes.html" class="tsd-kind-icon">Tree<wbr>ToNodes</a>
		</li>
		<li class=" tsd-kind-class">
			<a href="classes/workers.html" class="tsd-kind-icon">Workers</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/box.html" class="tsd-kind-icon">Box</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/codepaneouterprops.html" class="tsd-kind-icon">Code<wbr>Pane<wbr>Outer<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/editabledefaultvalueprops.html" class="tsd-kind-icon">Editable<wbr>Default<wbr>Value<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/editorerror.html" class="tsd-kind-icon">Editor<wbr>Error</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/editorprops.html" class="tsd-kind-icon">Editor<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/extendnodemenuprops.html" class="tsd-kind-icon">Extend<wbr>Node<wbr>Menu<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/fieldportprops.html" class="tsd-kind-icon">Field<wbr>Port<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/fieldprops.html" class="tsd-kind-icon">Field<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/grafprops.html" class="tsd-kind-icon">Graf<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/iconprops.html" class="tsd-kind-icon">Icon<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/indexedboxes.html" class="tsd-kind-icon">Indexed<wbr>Boxes</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/indexeddimensions.html" class="tsd-kind-icon">Indexed<wbr>Dimensions</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/layout.html" class="tsd-kind-icon">Layout</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/menuitemprops.html" class="tsd-kind-icon">Menu<wbr>Item<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/menuprops.html" class="tsd-kind-icon">Menu<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/menusearchprops.html" class="tsd-kind-icon">Menu<wbr>Search<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/newnodeprops.html" class="tsd-kind-icon">New<wbr>Node<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/nodeadddirectivemenuprops.html" class="tsd-kind-icon">Node<wbr>Add<wbr>Directive<wbr>Menu<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/nodeaddfieldmenuprops.html" class="tsd-kind-icon">Node<wbr>Add<wbr>Field<wbr>Menu<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/nodedirectiveoptionsmenuprops.html" class="tsd-kind-icon">Node<wbr>Directive<wbr>Options<wbr>Menu<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/nodeimplementinterfacesmenuprops.html" class="tsd-kind-icon">Node<wbr>Implement<wbr>Interfaces<wbr>Menu<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/nodeinterfaceprops.html" class="tsd-kind-icon">Node<wbr>Interface<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/nodeprops.html" class="tsd-kind-icon">Node<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/nodetypeoptionsmenuprops.html" class="tsd-kind-icon">Node<wbr>Type<wbr>Options<wbr>Menu<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/optionsmenuprops.html" class="tsd-kind-icon">Options<wbr>Menu<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/paintfieldprops.html" class="tsd-kind-icon">Paint<wbr>Field<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/passedschema.html" class="tsd-kind-icon">Passed<wbr>Schema</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/placefunctionargs.html" class="tsd-kind-icon">Place<wbr>Function<wbr>Args</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/rootextendnodeprops.html" class="tsd-kind-icon">Root<wbr>Extend<wbr>Node<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/rootnodeprops.html" class="tsd-kind-icon">Root<wbr>Node<wbr>Props</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/themedefinition.html" class="tsd-kind-icon">Theme<wbr>Definition</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/theming.html" class="tsd-kind-icon">Theming</a>
		</li>
		<li class=" tsd-kind-interface">
			<a href="interfaces/titleofpaneprops.html" class="tsd-kind-icon">Title<wbr>OfPane<wbr>Props</a>
		</li>
		<li class=" tsd-kind-type-alias">
			<a href="globals.html#activepane" class="tsd-kind-icon">Active<wbr>Pane</a>
		</li>
		<li class=" tsd-kind-type-alias">
			<a href="globals.html#codepaneprops" class="tsd-kind-icon">Code<wbr>Pane<wbr>Props</a>
		</li>
		<li class=" tsd-kind-type-alias">
			<a href="globals.html#dimensions" class="tsd-kind-icon">Dimensions</a>
		</li>
		<li class=" tsd-kind-type-alias">
			<a href="globals.html#hexadecimal" class="tsd-kind-icon">Hexa<wbr>Decimal</a>
		</li>
		<li class=" tsd-kind-type-alias">
			<a href="globals.html#possiblemenus" class="tsd-kind-icon">Possible<wbr>Menus</a>
		</li>
		<li class=" tsd-kind-type-alias tsd-has-type-parameter">
			<a href="globals.html#themetype" class="tsd-kind-icon">Theme<wbr>Type</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#builtinscalars" class="tsd-kind-icon">Built<wbr>InScalars</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#captiontitle" class="tsd-kind-icon">Caption<wbr>Title</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#circle" class="tsd-kind-icon">Circle</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#codecontainer" class="tsd-kind-icon">Code<wbr>Container</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#colors" class="tsd-kind-icon">Colors</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#content" class="tsd-kind-icon">Content</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#directivebackground" class="tsd-kind-icon">Directive<wbr>Background</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#errorcontainer" class="tsd-kind-icon">Error<wbr>Container</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#errorlock" class="tsd-kind-icon">Error<wbr>Lock</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#errorlockmessage" class="tsd-kind-icon">Error<wbr>Lock<wbr>Message</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#errorlonger" class="tsd-kind-icon">Error<wbr>Longer</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#erroroutercontainer" class="tsd-kind-icon">Error<wbr>Outer<wbr>Container</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#errorsstateprovider" class="tsd-kind-icon">Errors<wbr>State<wbr>Provider</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#extendbutton" class="tsd-kind-icon">Extend<wbr>Button</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#extendbuttontitle" class="tsd-kind-icon">Extend<wbr>Button<wbr>Title</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#extendmenucontainer" class="tsd-kind-icon">Extend<wbr>Menu<wbr>Container</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#field_height" class="tsd-kind-icon">FIELD_<wbr>HEIGHT</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#field_name_size" class="tsd-kind-icon">FIELD_<wbr>NAME_<wbr>SIZE</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#field_type_size" class="tsd-kind-icon">FIELD_<wbr>TYPE_<wbr>SIZE</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#focus" class="tsd-kind-icon">Focus</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#fullscreencontainer" class="tsd-kind-icon">Full<wbr>Screen<wbr>Container</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#fullscreenicon" class="tsd-kind-icon">Full<wbr>Screen<wbr>Icon</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#generate" class="tsd-kind-icon">Generate</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#graphqleditorcypress" class="tsd-kind-icon">GraphQLEditor<wbr>Cypress</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#hider" class="tsd-kind-icon">Hider</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#hiderpanel" class="tsd-kind-icon">Hider<wbr>Panel</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#iostateprovider" class="tsd-kind-icon">IOState<wbr>Provider</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#indent" class="tsd-kind-icon">Indent</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#input" class="tsd-kind-icon">Input</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#lastfield" class="tsd-kind-icon">Last<wbr>Field</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#librarynodecontainer" class="tsd-kind-icon">Library<wbr>Node<wbr>Container</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#max_node_width" class="tsd-kind-icon">MAX_<wbr>NODE_<wbr>WIDTH</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#max_visible_fields" class="tsd-kind-icon">MAX_<wbr>VISIBLE_<wbr>FIELDS</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#main" class="tsd-kind-icon">Main</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#mainnodecontainer" class="tsd-kind-icon">Main<wbr>Node<wbr>Container</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#marker" class="tsd-kind-icon">Marker</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#matchedsearchcontainer" class="tsd-kind-icon">Matched<wbr>Search<wbr>Container</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#name" class="tsd-kind-icon">Name</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#navigationstateprovider" class="tsd-kind-icon">Navigation<wbr>State<wbr>Provider</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#nomatchedsearchcontainer" class="tsd-kind-icon">No<wbr>Matched<wbr>Search<wbr>Container</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#nodecaption" class="tsd-kind-icon">Node<wbr>Caption</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#nodecontainer" class="tsd-kind-icon">Node<wbr>Container</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#nodeinterfaceblock" class="tsd-kind-icon">Node<wbr>Interface<wbr>Block</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#nodeinterfaces" class="tsd-kind-icon">Node<wbr>Interfaces</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#nodemenucontainer" class="tsd-kind-icon">Node<wbr>Menu<wbr>Container</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#optionsmenucontainer" class="tsd-kind-icon">Options<wbr>Menu<wbr>Container</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#plusbutton" class="tsd-kind-icon">Plus<wbr>Button</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#relatednode" class="tsd-kind-icon">Related<wbr>Node</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#searchiconcontainer" class="tsd-kind-icon">Search<wbr>Icon<wbr>Container</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#sidebar" class="tsd-kind-icon">Sidebar</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#themeprovider" class="tsd-kind-icon">Theme<wbr>Provider</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#treesstateprovider" class="tsd-kind-icon">Trees<wbr>State<wbr>Provider</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#triangle" class="tsd-kind-icon">Triangle</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#type" class="tsd-kind-icon">Type</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#unrelatednode" class="tsd-kind-icon">Un<wbr>Related<wbr>Node</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#validationworker" class="tsd-kind-icon">Validation<wbr>Worker</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#wrapper" class="tsd-kind-icon">Wrapper</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#xiconcontainer" class="tsd-kind-icon">XIcon<wbr>Container</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#animationname" class="tsd-kind-icon">animation<wbr>Name</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#codelock" class="tsd-kind-icon">code<wbr>Lock</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#ctx" class="tsd-kind-icon">ctx</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#docscolor" class="tsd-kind-icon">docs<wbr>Color</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#fadein" class="tsd-kind-icon">fade<wbr>In</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#fontfamily" class="tsd-kind-icon">font<wbr>Family</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#language" class="tsd-kind-icon">language</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#menuwidth" class="tsd-kind-icon">menu<wbr>Width</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#sizesidebar" class="tsd-kind-icon">size<wbr>Sidebar</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#snaplock" class="tsd-kind-icon">snap<wbr>Lock</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#transition" class="tsd-kind-icon">transition</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#treelock" class="tsd-kind-icon">tree<wbr>Lock</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#useerrorsstate" class="tsd-kind-icon">use<wbr>Errors<wbr>State</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#useerrorsstatecontainer" class="tsd-kind-icon">use<wbr>Errors<wbr>State<wbr>Container</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#useiostate" class="tsd-kind-icon">useIOState</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#useiostatecontainer" class="tsd-kind-icon">useIOState<wbr>Container</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#usenavigationstate" class="tsd-kind-icon">use<wbr>Navigation<wbr>State</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#usenavigationstatecontainer" class="tsd-kind-icon">use<wbr>Navigation<wbr>State<wbr>Container</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#usetheme" class="tsd-kind-icon">use<wbr>Theme</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#usethemesstatecontainer" class="tsd-kind-icon">use<wbr>Themes<wbr>State<wbr>Container</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#usetreesstate" class="tsd-kind-icon">use<wbr>Trees<wbr>State</a>
		</li>
		<li class=" tsd-kind-variable">
			<a href="globals.html#usetreesstatecontainer" class="tsd-kind-icon">use<wbr>Trees<wbr>State<wbr>Container</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#activeargument" class="tsd-kind-icon">Active<wbr>Argument</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#activeargumentname" class="tsd-kind-icon">Active<wbr>Argument<wbr>Name</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#activedescription" class="tsd-kind-icon">Active<wbr>Description</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#activedirective" class="tsd-kind-icon">Active<wbr>Directive</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#activefield" class="tsd-kind-icon">Active<wbr>Field</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#activefieldname" class="tsd-kind-icon">Active<wbr>Field<wbr>Name</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#activeinputvalue" class="tsd-kind-icon">Active<wbr>Input<wbr>Value</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#activeinputvaluename" class="tsd-kind-icon">Active<wbr>Input<wbr>Value<wbr>Name</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#activenode" class="tsd-kind-icon">Active<wbr>Node</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#activetype" class="tsd-kind-icon">Active<wbr>Type</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#arrq" class="tsd-kind-icon">Arrq</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#changeallrelatednodes" class="tsd-kind-icon">Change<wbr>All<wbr>Related<wbr>Nodes</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#changerelatednode" class="tsd-kind-icon">Change<wbr>Related<wbr>Node</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#code" class="tsd-kind-icon">Code</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#codepane" class="tsd-kind-icon">Code<wbr>Pane</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#convertstringtoobject" class="tsd-kind-icon">Convert<wbr>String<wbr>ToObject</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#convertvaluenodetostring" class="tsd-kind-icon">Convert<wbr>Value<wbr>Node<wbr>ToString</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#convertvaluetoeditablestring" class="tsd-kind-icon">Convert<wbr>Value<wbr>ToEditable<wbr>String</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#detailmenuitem" class="tsd-kind-icon">Detail<wbr>Menu<wbr>Item</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#dynamicresize" class="tsd-kind-icon">Dynamic<wbr>Resize</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#editabledefaultvalue" class="tsd-kind-icon">Editable<wbr>Default<wbr>Value</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#editabletext" class="tsd-kind-icon">Editable<wbr>Text</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#editor" class="tsd-kind-icon">Editor</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#extendnodemenu" class="tsd-kind-icon">Extend<wbr>Node<wbr>Menu</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#eye" class="tsd-kind-icon">Eye</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#eyeoff" class="tsd-kind-icon">Eye<wbr>Off</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#fieldport" class="tsd-kind-icon">Field<wbr>Port</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#filter" class="tsd-kind-icon">Filter</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#fullscreen" class="tsd-kind-icon">Full<wbr>Screen</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#graf" class="tsd-kind-icon">Graf</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#graphqleditor" class="tsd-kind-icon">GraphQLEditor</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#graphqlerrortoeditorerrors" class="tsd-kind-icon">GraphQLError<wbr>ToEditor<wbr>Errors</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#hide" class="tsd-kind-icon">Hide</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#hierarchy" class="tsd-kind-icon">Hierarchy</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#interface" class="tsd-kind-icon">Interface</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#layers" class="tsd-kind-icon">Layers</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#lock" class="tsd-kind-icon">Lock</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#menu" class="tsd-kind-icon">Menu</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#menuitem" class="tsd-kind-icon">Menu<wbr>Item</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#menuscrollingarea" class="tsd-kind-icon">Menu<wbr>Scrolling<wbr>Area</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#menusearch" class="tsd-kind-icon">Menu<wbr>Search</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#minus" class="tsd-kind-icon">Minus</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#monkey" class="tsd-kind-icon">Monkey</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#more" class="tsd-kind-icon">More</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#morevalues" class="tsd-kind-icon">More<wbr>Values</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#newnode" class="tsd-kind-icon">New<wbr>Node</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#nodeadddirectivemenu" class="tsd-kind-icon">Node<wbr>Add<wbr>Directive<wbr>Menu</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#nodeaddfieldmenu" class="tsd-kind-icon">Node<wbr>Add<wbr>Field<wbr>Menu</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#nodedirectiveoptionsmenu" class="tsd-kind-icon">Node<wbr>Directive<wbr>Options<wbr>Menu</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#nodefieldcontainer" class="tsd-kind-icon">Node<wbr>Field<wbr>Container</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#nodeimplementinterfacesmenu" class="tsd-kind-icon">Node<wbr>Implement<wbr>Interfaces<wbr>Menu</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#nodeinterface" class="tsd-kind-icon">Node<wbr>Interface</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#nodetypeoptionsmenu" class="tsd-kind-icon">Node<wbr>Type<wbr>Options<wbr>Menu</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#optionsmenu" class="tsd-kind-icon">Options<wbr>Menu</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#paintfield" class="tsd-kind-icon">Paint<wbr>Field</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#paintfieldname" class="tsd-kind-icon">Paint<wbr>Field<wbr>Name</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#paintnode" class="tsd-kind-icon">Paint<wbr>Node</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#paintnodes" class="tsd-kind-icon">Paint<wbr>Nodes</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#painttype" class="tsd-kind-icon">Paint<wbr>Type</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#play" class="tsd-kind-icon">Play</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#plus" class="tsd-kind-icon">Plus</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#resolvecreatefield" class="tsd-kind-icon">Resolve<wbr>Create<wbr>Field</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#resolvedirectives" class="tsd-kind-icon">Resolve<wbr>Directives</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#resolveextension" class="tsd-kind-icon">Resolve<wbr>Extension</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#resolveimplementinterface" class="tsd-kind-icon">Resolve<wbr>Implement<wbr>Interface</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#rootextendnode" class="tsd-kind-icon">Root<wbr>Extend<wbr>Node</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#rootnode" class="tsd-kind-icon">Root<wbr>Node</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#search" class="tsd-kind-icon">Search</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#settings" class="tsd-kind-icon">Settings</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#show" class="tsd-kind-icon">Show</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#statusdot" class="tsd-kind-icon">Status<wbr>Dot</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#tick" class="tsd-kind-icon">Tick</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#title" class="tsd-kind-icon">Title</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#titleofpane" class="tsd-kind-icon">Title<wbr>OfPane</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#toggleoff" class="tsd-kind-icon">Toggle<wbr>Off</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#toggleon" class="tsd-kind-icon">Toggle<wbr>On</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#topnodemenu" class="tsd-kind-icon">Top<wbr>Node<wbr>Menu</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#trash" class="tsd-kind-icon">Trash</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#x" class="tsd-kind-icon">X</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#bounds" class="tsd-kind-icon">bounds</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#catchschemaerrors" class="tsd-kind-icon">catch<wbr>Schema<wbr>Errors</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#compiletypeoptions" class="tsd-kind-icon">compile<wbr>Type<wbr>Options</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#configureopts" class="tsd-kind-icon">configure<wbr>Opts</a>
		</li>
		<li class=" tsd-kind-function tsd-has-type-parameter">
			<a href="globals.html#cypressget" class="tsd-kind-icon">cypress<wbr>Get</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#fade" class="tsd-kind-icon">fade</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#getaccepteddirectives" class="tsd-kind-icon">get<wbr>Accepted<wbr>Directives</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#intersects" class="tsd-kind-icon">intersects</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#isextensionnode" class="tsd-kind-icon">is<wbr>Extension<wbr>Node</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#ishexa" class="tsd-kind-icon">is<wbr>Hexa</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#isscalarargument" class="tsd-kind-icon">is<wbr>Scalar<wbr>Argument</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#mapeditorerrortomonacodecoration" class="tsd-kind-icon">map<wbr>Editor<wbr>Error<wbr>ToMonaco<wbr>Decoration</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#mix" class="tsd-kind-icon">mix</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#moveerrorsbylibrarypadding" class="tsd-kind-icon">move<wbr>Errors<wbr>ByLibrary<wbr>Padding</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#packboxes" class="tsd-kind-icon">pack<wbr>Boxes</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#placestringinnode" class="tsd-kind-icon">place<wbr>String<wbr>InNode</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#rate" class="tsd-kind-icon">rate</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#resolvevaluefromnode" class="tsd-kind-icon">resolve<wbr>Value<wbr>From<wbr>Node</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#settings" class="tsd-kind-icon">settings</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#validate" class="tsd-kind-icon">validate</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#validatesdlerrors" class="tsd-kind-icon">validateSDLErrors</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#validatetypes" class="tsd-kind-icon">validate<wbr>Types</a>
		</li>
		<li class=" tsd-kind-function">
			<a href="globals.html#whitespace" class="tsd-kind-icon">whitespace</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#descriptionposition" class="tsd-kind-icon">Description<wbr>Position</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#graphqlbackgrounds" class="tsd-kind-icon">GraphQLBackgrounds</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#graphqlcolors" class="tsd-kind-icon">GraphQLColors</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#leftnodearea" class="tsd-kind-icon">Left<wbr>Node<wbr>Area</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#leftnodeareanode" class="tsd-kind-icon">Left<wbr>Node<wbr>Area<wbr>Node</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#librarynodearea" class="tsd-kind-icon">Library<wbr>Node<wbr>Area</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#mainnodearea" class="tsd-kind-icon">Main<wbr>Node<wbr>Area</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#maintheme" class="tsd-kind-icon">Main<wbr>Theme</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#nameerror" class="tsd-kind-icon">Name<wbr>Error</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#nameerrormessage" class="tsd-kind-icon">Name<wbr>Error<wbr>Message</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#nodecreate" class="tsd-kind-icon">Node<wbr>Create</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#nodefields" class="tsd-kind-icon">Node<wbr>Fields</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#nodeiconarea" class="tsd-kind-icon">Node<wbr>Icon<wbr>Area</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#nodename" class="tsd-kind-icon">Node<wbr>Name</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#nodetitle" class="tsd-kind-icon">Node<wbr>Title</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#nodetype" class="tsd-kind-icon">Node<wbr>Type</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#rightnodearea" class="tsd-kind-icon">Right<wbr>Node<wbr>Area</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#rightnodeareanode" class="tsd-kind-icon">Right<wbr>Node<wbr>Area<wbr>Node</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#conf" class="tsd-kind-icon">conf</a>
		</li>
		<li class=" tsd-kind-object-literal">
			<a href="globals.html#theme" class="tsd-kind-icon">theme</a>
		</li>
	</ul>
</nav>
<div class="container container-main">
	<div class="content-wrap">
		<div class="tsd-panel tsd-typography">
			<p><a href="https://graphqleditor.com"><img src="assets/logo.gif" alt="GraphQLEditor Editor"></a></p>
			<p><a href="https://www.npmjs.com/package/graphql-editor"><img src="https://img.shields.io/npm/v/graphql-editor.svg?style=flat-square" alt="npm"></a> <a href="http://commitizen.github.io/cz-cli/"><img src="https://img.shields.io/badge/commitizen-friendly-brightgreen.svg?style=flat-square" alt="Commitizen friendly"></a> <a href="https://www.npmjs.com/package/graphql-editor"><img src="https://img.shields.io/npm/dt/graphql-editor.svg?style=flat-square" alt="npm downloads"></a></p>
			<p>GraphQLEditor makes it easier to understand GraphQL schemas. Create a schema by using visual blocks system. GraphQL Editor will transform them into code. With GraphQL Editor you can create visual diagrams without writing any code or present your schema in a nice way!</p>
			<a href="#cloud-version" id="cloud-version" style="color: inherit; text-decoration: none;">
				<h3>Cloud version</h3>
			</a>
			<p>Here is a <a href="https://graphqleditor.com">cloud version</a> of GraphQL Editor. </p>
			<a href="#docs" id="docs" style="color: inherit; text-decoration: none;">
				<h2>Docs</h2>
			</a>
			<p>Here is a <a href="https://guide.graphqleditor.com">guide</a> for GraphQL Editor.</p>
			<a href="#how-it-works" id="how-it-works" style="color: inherit; text-decoration: none;">
				<h2>How it works</h2>
			</a>
			<p>Create GraphQL nodes and connect them to generate a database schema. You can also use builtin text IDE with GraphQL syntax validation</p>
			<a href="#graphql-view" id="graphql-view" style="color: inherit; text-decoration: none;">
				<h3>GraphQL View</h3>
			</a>
			<p><img src="assets/browse-graf.gif" alt="GraphQLEditor Editor"></p>
			<a href="#code-editor-view" id="code-editor-view" style="color: inherit; text-decoration: none;">
				<h3>Code Editor View</h3>
			</a>
			<p><img src="assets/browse-code.gif" alt="GraphQLEditor Editor"></p>
			<a href="#hierarchy-view" id="hierarchy-view" style="color: inherit; text-decoration: none;">
				<h3>Hierarchy View</h3>
			</a>
			<p><img src="assets/browse-diagram.gif" alt="GraphQLEditor Editor"></p>
			<a href="#table-of-contents" id="table-of-contents" style="color: inherit; text-decoration: none;">
				<h2>Table of contents</h2>
			</a>
			<ul>
				<li><a href="#docs">Docs</a></li>
				<li><a href="#how-it-works">How it works</a><ul>
						<li><a href="#graphql-view">GraphQL View</a></li>
						<li><a href="#code-editor-view">Code Editor View</a></li>
						<li><a href="#hierarchy-view">Hierarchy View</a></li>
					</ul>
				</li>
				<li><a href="#table-of-contents">Table of contents</a></li>
				<li><a href="#developer-docs">Developer Docs</a></li>
				<li><a href="#license">License</a></li>
				<li><a href="#develop-or-use-standalone">Develop or use standalone</a></li>
				<li><a href="#support">Support</a></li>
				<li><a href="#contribute">Contribute</a></li>
				<li><a href="#team">Team</a></li>
				<li><a href="#underlying-diagram-technology">Underlying Diagram technology</a></li>
				<li><a href="#underlying-parsing-technology">Underlying Parsing technology</a></li>
				<li><a href="#graphql-tutorials">GraphQL Tutorials</a></li>
			</ul>
			<a href="#developer-docs" id="developer-docs" style="color: inherit; text-decoration: none;">
				<h2>Developer Docs</h2>
			</a>
			<p>If you wish to contribute docs from <code>typedoc</code> are availble on <a href="https://graphql-editor.github.io/graphql-editor/">https://graphql-editor.github.io/graphql-editor/</a></p>
			<a href="#license" id="license" style="color: inherit; text-decoration: none;">
				<h2>License</h2>
			</a>
			<p>MIT</p>
			<a href="#develop-or-use-standalone" id="develop-or-use-standalone" style="color: inherit; text-decoration: none;">
				<h2>Develop or use standalone</h2>
			</a>
			<p>To use standalone you have to use webpack right now. If you want to use it without webpack you need to handle monaco  editor workers yourself.</p>
			<p>Install dependencies</p>
			<pre><code><span class="hljs-built_in">npm</span> i react react-dom monaco-editor</code></pre>
			<pre><code>npm i -D monaco-<span class="hljs-keyword">editor</span>-webpack-plugin worker-loader css-loader <span class="hljs-keyword">file</span>-loader</code></pre>
			<pre><code><span class="hljs-built_in">npm</span> i graphql-editor</code></pre>
			<pre><code class="language-tsx">import React, { useState } from &#39;react&#39;;
import { render } from &#39;react-dom&#39;;
import { GraphQLEditor,PassedSchema } from &#39;graphql-editor&#39;;

const schemas = {
  pizza:`
type Query{
    pizzas: [Pizza!]
}
`,
pizzaLibrary:`
type Pizza{
  name:String;
}
`
}

export const App = () =&gt; {
  const [mySchema, setMySchema] = useState&lt;PassedSchema&gt;({
    code: schemas.pizza,
    libraries: schemas.pizzaLibrary,
  });
  return (
    &lt;div
      style={{
        flex: 1,
        width: &#39;100%&#39;,
        height: &#39;100%&#39;,
        alignSelf: &#39;stretch&#39;,
        display: &#39;flex&#39;,
        position: &#39;relative&#39;,
      }}
    &gt;
      &lt;GraphQLEditor
        onSchemaChange={(props) =&gt; {
          setMySchema(props);
        }}
        schema={mySchema}
      /&gt;
    &lt;/div&gt;
  );
};

render(&lt;App /&gt;, document.getElementById(&#39;root&#39;));</code></pre>
			<a href="#support" id="support" style="color: inherit; text-decoration: none;">
				<h2>Support</h2>
			</a>
			<p><a href="https://discord.gg/6QeW7K">Join our Discord Channel</a></p>
			<a href="#contribute" id="contribute" style="color: inherit; text-decoration: none;">
				<h2>Contribute</h2>
			</a>
			<p>For a complete guide to contributing to GraphQL Editor, see the <a href="CONTRIBUTING.md">Contribution Guide</a>.</p>
			<ol>
				<li> Fork this repo</li>
				<li> Create your feature branch: git checkout -b feature-name</li>
				<li> Commit your changes: git commit -am &#39;Add some feature&#39;</li>
				<li> Push to the branch: git push origin my-new-feature</li>
				<li> Submit a pull request</li>
			</ol>
			<a href="#team" id="team" style="color: inherit; text-decoration: none;">
				<h2>Team</h2>
			</a>
			<p><a href="https://graphqleditor.com">GraphQL Editor Website</a></p>
			<a href="#underlying-diagram-technology" id="underlying-diagram-technology" style="color: inherit; text-decoration: none;">
				<h2>Underlying Diagram technology</h2>
			</a>
			<p>Whole graphql-editor is based on underlying <a href="https://github.com/graphql-editor/diagram">diagram</a> technology.</p>
			<a href="#underlying-parsing-technology" id="underlying-parsing-technology" style="color: inherit; text-decoration: none;">
				<h2>Underlying Parsing technology</h2>
			</a>
			<p>Whole graphql-editor parsing stuff is based on underlying <a href="https://github.com/graphql-editor/graphql-zeus">zeus</a> technology.</p>
			<a href="#graphql-tutorials" id="graphql-tutorials" style="color: inherit; text-decoration: none;">
				<h2>GraphQL Tutorials</h2>
			</a>
			<p>GraphQL Editor Guide <a href="https://guide.graphqleditor.com/">here</a></p>
			<p>GraphQL Blog <a href="https://blog.graphqleditor.com/">here</a></p>
			<p>My Video Blog Tutorials <a href="https://stackofthefuture.com">here</a></p>
		</div>
		<div style="position:relative;"><a name="typedoc-main-index" class="tsd-anchor"></a></div>
		<section class="tsd-panel-group tsd-index-group">
			<h2>Index</h2>
			<section class="tsd-panel tsd-index-panel">
				<div class="tsd-index-content">
					<section class="tsd-index-section ">
						<h3>Enumerations</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-enum"><a href="enums/keyboardactions.html" class="tsd-kind-icon">Keyboard<wbr>Actions</a></li>
							<li class="tsd-kind-enum"><a href="enums/statusdotprops.html" class="tsd-kind-icon">Status<wbr>Dot<wbr>Props</a></li>
						</ul>
					</section>
					<section class="tsd-index-section ">
						<h3>Classes</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-class"><a href="classes/dom.html" class="tsd-kind-icon">DOM</a></li>
							<li class="tsd-kind-class"><a href="classes/treetonodes.html" class="tsd-kind-icon">Tree<wbr>ToNodes</a></li>
							<li class="tsd-kind-class"><a href="classes/workers.html" class="tsd-kind-icon">Workers</a></li>
						</ul>
					</section>
					<section class="tsd-index-section ">
						<h3>Interfaces</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-interface"><a href="interfaces/box.html" class="tsd-kind-icon">Box</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/codepaneouterprops.html" class="tsd-kind-icon">Code<wbr>Pane<wbr>Outer<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/editabledefaultvalueprops.html" class="tsd-kind-icon">Editable<wbr>Default<wbr>Value<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/editorerror.html" class="tsd-kind-icon">Editor<wbr>Error</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/editorprops.html" class="tsd-kind-icon">Editor<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/extendnodemenuprops.html" class="tsd-kind-icon">Extend<wbr>Node<wbr>Menu<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/fieldportprops.html" class="tsd-kind-icon">Field<wbr>Port<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/fieldprops.html" class="tsd-kind-icon">Field<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/grafprops.html" class="tsd-kind-icon">Graf<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/iconprops.html" class="tsd-kind-icon">Icon<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/indexedboxes.html" class="tsd-kind-icon">Indexed<wbr>Boxes</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/indexeddimensions.html" class="tsd-kind-icon">Indexed<wbr>Dimensions</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/layout.html" class="tsd-kind-icon">Layout</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/menuitemprops.html" class="tsd-kind-icon">Menu<wbr>Item<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/menuprops.html" class="tsd-kind-icon">Menu<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/menusearchprops.html" class="tsd-kind-icon">Menu<wbr>Search<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/newnodeprops.html" class="tsd-kind-icon">New<wbr>Node<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/nodeadddirectivemenuprops.html" class="tsd-kind-icon">Node<wbr>Add<wbr>Directive<wbr>Menu<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/nodeaddfieldmenuprops.html" class="tsd-kind-icon">Node<wbr>Add<wbr>Field<wbr>Menu<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/nodedirectiveoptionsmenuprops.html" class="tsd-kind-icon">Node<wbr>Directive<wbr>Options<wbr>Menu<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/nodeimplementinterfacesmenuprops.html" class="tsd-kind-icon">Node<wbr>Implement<wbr>Interfaces<wbr>Menu<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/nodeinterfaceprops.html" class="tsd-kind-icon">Node<wbr>Interface<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/nodeprops.html" class="tsd-kind-icon">Node<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/nodetypeoptionsmenuprops.html" class="tsd-kind-icon">Node<wbr>Type<wbr>Options<wbr>Menu<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/optionsmenuprops.html" class="tsd-kind-icon">Options<wbr>Menu<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/paintfieldprops.html" class="tsd-kind-icon">Paint<wbr>Field<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/passedschema.html" class="tsd-kind-icon">Passed<wbr>Schema</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/placefunctionargs.html" class="tsd-kind-icon">Place<wbr>Function<wbr>Args</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/rootextendnodeprops.html" class="tsd-kind-icon">Root<wbr>Extend<wbr>Node<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/rootnodeprops.html" class="tsd-kind-icon">Root<wbr>Node<wbr>Props</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/themedefinition.html" class="tsd-kind-icon">Theme<wbr>Definition</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/theming.html" class="tsd-kind-icon">Theming</a></li>
							<li class="tsd-kind-interface"><a href="interfaces/titleofpaneprops.html" class="tsd-kind-icon">Title<wbr>OfPane<wbr>Props</a></li>
						</ul>
					</section>
					<section class="tsd-index-section ">
						<h3>Type aliases</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-type-alias"><a href="globals.html#activepane" class="tsd-kind-icon">Active<wbr>Pane</a></li>
							<li class="tsd-kind-type-alias"><a href="globals.html#codepaneprops" class="tsd-kind-icon">Code<wbr>Pane<wbr>Props</a></li>
							<li class="tsd-kind-type-alias"><a href="globals.html#dimensions" class="tsd-kind-icon">Dimensions</a></li>
							<li class="tsd-kind-type-alias"><a href="globals.html#hexadecimal" class="tsd-kind-icon">Hexa<wbr>Decimal</a></li>
							<li class="tsd-kind-type-alias"><a href="globals.html#possiblemenus" class="tsd-kind-icon">Possible<wbr>Menus</a></li>
							<li class="tsd-kind-type-alias tsd-has-type-parameter"><a href="globals.html#themetype" class="tsd-kind-icon">Theme<wbr>Type</a></li>
						</ul>
					</section>
					<section class="tsd-index-section ">
						<h3>Variables</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-variable"><a href="globals.html#builtinscalars" class="tsd-kind-icon">Built<wbr>InScalars</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#captiontitle" class="tsd-kind-icon">Caption<wbr>Title</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#circle" class="tsd-kind-icon">Circle</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#codecontainer" class="tsd-kind-icon">Code<wbr>Container</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#colors" class="tsd-kind-icon">Colors</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#content" class="tsd-kind-icon">Content</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#directivebackground" class="tsd-kind-icon">Directive<wbr>Background</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#errorcontainer" class="tsd-kind-icon">Error<wbr>Container</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#errorlock" class="tsd-kind-icon">Error<wbr>Lock</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#errorlockmessage" class="tsd-kind-icon">Error<wbr>Lock<wbr>Message</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#errorlonger" class="tsd-kind-icon">Error<wbr>Longer</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#erroroutercontainer" class="tsd-kind-icon">Error<wbr>Outer<wbr>Container</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#errorsstateprovider" class="tsd-kind-icon">Errors<wbr>State<wbr>Provider</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#extendbutton" class="tsd-kind-icon">Extend<wbr>Button</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#extendbuttontitle" class="tsd-kind-icon">Extend<wbr>Button<wbr>Title</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#extendmenucontainer" class="tsd-kind-icon">Extend<wbr>Menu<wbr>Container</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#field_height" class="tsd-kind-icon">FIELD_<wbr>HEIGHT</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#field_name_size" class="tsd-kind-icon">FIELD_<wbr>NAME_<wbr>SIZE</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#field_type_size" class="tsd-kind-icon">FIELD_<wbr>TYPE_<wbr>SIZE</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#focus" class="tsd-kind-icon">Focus</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#fullscreencontainer" class="tsd-kind-icon">Full<wbr>Screen<wbr>Container</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#fullscreenicon" class="tsd-kind-icon">Full<wbr>Screen<wbr>Icon</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#generate" class="tsd-kind-icon">Generate</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#graphqleditorcypress" class="tsd-kind-icon">GraphQLEditor<wbr>Cypress</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#hider" class="tsd-kind-icon">Hider</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#hiderpanel" class="tsd-kind-icon">Hider<wbr>Panel</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#iostateprovider" class="tsd-kind-icon">IOState<wbr>Provider</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#indent" class="tsd-kind-icon">Indent</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#input" class="tsd-kind-icon">Input</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#lastfield" class="tsd-kind-icon">Last<wbr>Field</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#librarynodecontainer" class="tsd-kind-icon">Library<wbr>Node<wbr>Container</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#max_node_width" class="tsd-kind-icon">MAX_<wbr>NODE_<wbr>WIDTH</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#max_visible_fields" class="tsd-kind-icon">MAX_<wbr>VISIBLE_<wbr>FIELDS</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#main" class="tsd-kind-icon">Main</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#mainnodecontainer" class="tsd-kind-icon">Main<wbr>Node<wbr>Container</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#marker" class="tsd-kind-icon">Marker</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#matchedsearchcontainer" class="tsd-kind-icon">Matched<wbr>Search<wbr>Container</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#name" class="tsd-kind-icon">Name</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#navigationstateprovider" class="tsd-kind-icon">Navigation<wbr>State<wbr>Provider</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#nomatchedsearchcontainer" class="tsd-kind-icon">No<wbr>Matched<wbr>Search<wbr>Container</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#nodecaption" class="tsd-kind-icon">Node<wbr>Caption</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#nodecontainer" class="tsd-kind-icon">Node<wbr>Container</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#nodeinterfaceblock" class="tsd-kind-icon">Node<wbr>Interface<wbr>Block</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#nodeinterfaces" class="tsd-kind-icon">Node<wbr>Interfaces</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#nodemenucontainer" class="tsd-kind-icon">Node<wbr>Menu<wbr>Container</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#optionsmenucontainer" class="tsd-kind-icon">Options<wbr>Menu<wbr>Container</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#plusbutton" class="tsd-kind-icon">Plus<wbr>Button</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#relatednode" class="tsd-kind-icon">Related<wbr>Node</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#searchiconcontainer" class="tsd-kind-icon">Search<wbr>Icon<wbr>Container</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#sidebar" class="tsd-kind-icon">Sidebar</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#themeprovider" class="tsd-kind-icon">Theme<wbr>Provider</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#treesstateprovider" class="tsd-kind-icon">Trees<wbr>State<wbr>Provider</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#triangle" class="tsd-kind-icon">Triangle</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#type" class="tsd-kind-icon">Type</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#unrelatednode" class="tsd-kind-icon">Un<wbr>Related<wbr>Node</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#validationworker" class="tsd-kind-icon">Validation<wbr>Worker</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#wrapper" class="tsd-kind-icon">Wrapper</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#xiconcontainer" class="tsd-kind-icon">XIcon<wbr>Container</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#animationname" class="tsd-kind-icon">animation<wbr>Name</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#codelock" class="tsd-kind-icon">code<wbr>Lock</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#ctx" class="tsd-kind-icon">ctx</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#docscolor" class="tsd-kind-icon">docs<wbr>Color</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#fadein" class="tsd-kind-icon">fade<wbr>In</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#fontfamily" class="tsd-kind-icon">font<wbr>Family</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#language" class="tsd-kind-icon">language</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#menuwidth" class="tsd-kind-icon">menu<wbr>Width</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#sizesidebar" class="tsd-kind-icon">size<wbr>Sidebar</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#snaplock" class="tsd-kind-icon">snap<wbr>Lock</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#transition" class="tsd-kind-icon">transition</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#treelock" class="tsd-kind-icon">tree<wbr>Lock</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#useerrorsstate" class="tsd-kind-icon">use<wbr>Errors<wbr>State</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#useerrorsstatecontainer" class="tsd-kind-icon">use<wbr>Errors<wbr>State<wbr>Container</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#useiostate" class="tsd-kind-icon">useIOState</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#useiostatecontainer" class="tsd-kind-icon">useIOState<wbr>Container</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#usenavigationstate" class="tsd-kind-icon">use<wbr>Navigation<wbr>State</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#usenavigationstatecontainer" class="tsd-kind-icon">use<wbr>Navigation<wbr>State<wbr>Container</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#usetheme" class="tsd-kind-icon">use<wbr>Theme</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#usethemesstatecontainer" class="tsd-kind-icon">use<wbr>Themes<wbr>State<wbr>Container</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#usetreesstate" class="tsd-kind-icon">use<wbr>Trees<wbr>State</a></li>
							<li class="tsd-kind-variable"><a href="globals.html#usetreesstatecontainer" class="tsd-kind-icon">use<wbr>Trees<wbr>State<wbr>Container</a></li>
						</ul>
					</section>
					<section class="tsd-index-section ">
						<h3>Functions</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-function"><a href="globals.html#activeargument" class="tsd-kind-icon">Active<wbr>Argument</a></li>
							<li class="tsd-kind-function"><a href="globals.html#activeargumentname" class="tsd-kind-icon">Active<wbr>Argument<wbr>Name</a></li>
							<li class="tsd-kind-function"><a href="globals.html#activedescription" class="tsd-kind-icon">Active<wbr>Description</a></li>
							<li class="tsd-kind-function"><a href="globals.html#activedirective" class="tsd-kind-icon">Active<wbr>Directive</a></li>
							<li class="tsd-kind-function"><a href="globals.html#activefield" class="tsd-kind-icon">Active<wbr>Field</a></li>
							<li class="tsd-kind-function"><a href="globals.html#activefieldname" class="tsd-kind-icon">Active<wbr>Field<wbr>Name</a></li>
							<li class="tsd-kind-function"><a href="globals.html#activeinputvalue" class="tsd-kind-icon">Active<wbr>Input<wbr>Value</a></li>
							<li class="tsd-kind-function"><a href="globals.html#activeinputvaluename" class="tsd-kind-icon">Active<wbr>Input<wbr>Value<wbr>Name</a></li>
							<li class="tsd-kind-function"><a href="globals.html#activenode" class="tsd-kind-icon">Active<wbr>Node</a></li>
							<li class="tsd-kind-function"><a href="globals.html#activetype" class="tsd-kind-icon">Active<wbr>Type</a></li>
							<li class="tsd-kind-function"><a href="globals.html#arrq" class="tsd-kind-icon">Arrq</a></li>
							<li class="tsd-kind-function"><a href="globals.html#changeallrelatednodes" class="tsd-kind-icon">Change<wbr>All<wbr>Related<wbr>Nodes</a></li>
							<li class="tsd-kind-function"><a href="globals.html#changerelatednode" class="tsd-kind-icon">Change<wbr>Related<wbr>Node</a></li>
							<li class="tsd-kind-function"><a href="globals.html#code" class="tsd-kind-icon">Code</a></li>
							<li class="tsd-kind-function"><a href="globals.html#codepane" class="tsd-kind-icon">Code<wbr>Pane</a></li>
							<li class="tsd-kind-function"><a href="globals.html#convertstringtoobject" class="tsd-kind-icon">Convert<wbr>String<wbr>ToObject</a></li>
							<li class="tsd-kind-function"><a href="globals.html#convertvaluenodetostring" class="tsd-kind-icon">Convert<wbr>Value<wbr>Node<wbr>ToString</a></li>
							<li class="tsd-kind-function"><a href="globals.html#convertvaluetoeditablestring" class="tsd-kind-icon">Convert<wbr>Value<wbr>ToEditable<wbr>String</a></li>
							<li class="tsd-kind-function"><a href="globals.html#detailmenuitem" class="tsd-kind-icon">Detail<wbr>Menu<wbr>Item</a></li>
							<li class="tsd-kind-function"><a href="globals.html#dynamicresize" class="tsd-kind-icon">Dynamic<wbr>Resize</a></li>
							<li class="tsd-kind-function"><a href="globals.html#editabledefaultvalue" class="tsd-kind-icon">Editable<wbr>Default<wbr>Value</a></li>
							<li class="tsd-kind-function"><a href="globals.html#editabletext" class="tsd-kind-icon">Editable<wbr>Text</a></li>
							<li class="tsd-kind-function"><a href="globals.html#editor" class="tsd-kind-icon">Editor</a></li>
							<li class="tsd-kind-function"><a href="globals.html#extendnodemenu" class="tsd-kind-icon">Extend<wbr>Node<wbr>Menu</a></li>
							<li class="tsd-kind-function"><a href="globals.html#eye" class="tsd-kind-icon">Eye</a></li>
							<li class="tsd-kind-function"><a href="globals.html#eyeoff" class="tsd-kind-icon">Eye<wbr>Off</a></li>
							<li class="tsd-kind-function"><a href="globals.html#fieldport" class="tsd-kind-icon">Field<wbr>Port</a></li>
							<li class="tsd-kind-function"><a href="globals.html#filter" class="tsd-kind-icon">Filter</a></li>
							<li class="tsd-kind-function"><a href="globals.html#fullscreen" class="tsd-kind-icon">Full<wbr>Screen</a></li>
							<li class="tsd-kind-function"><a href="globals.html#graf" class="tsd-kind-icon">Graf</a></li>
							<li class="tsd-kind-function"><a href="globals.html#graphqleditor" class="tsd-kind-icon">GraphQLEditor</a></li>
							<li class="tsd-kind-function"><a href="globals.html#graphqlerrortoeditorerrors" class="tsd-kind-icon">GraphQLError<wbr>ToEditor<wbr>Errors</a></li>
							<li class="tsd-kind-function"><a href="globals.html#hide" class="tsd-kind-icon">Hide</a></li>
							<li class="tsd-kind-function"><a href="globals.html#hierarchy" class="tsd-kind-icon">Hierarchy</a></li>
							<li class="tsd-kind-function"><a href="globals.html#interface" class="tsd-kind-icon">Interface</a></li>
							<li class="tsd-kind-function"><a href="globals.html#layers" class="tsd-kind-icon">Layers</a></li>
							<li class="tsd-kind-function"><a href="globals.html#lock" class="tsd-kind-icon">Lock</a></li>
							<li class="tsd-kind-function"><a href="globals.html#menu" class="tsd-kind-icon">Menu</a></li>
							<li class="tsd-kind-function"><a href="globals.html#menuitem" class="tsd-kind-icon">Menu<wbr>Item</a></li>
							<li class="tsd-kind-function"><a href="globals.html#menuscrollingarea" class="tsd-kind-icon">Menu<wbr>Scrolling<wbr>Area</a></li>
							<li class="tsd-kind-function"><a href="globals.html#menusearch" class="tsd-kind-icon">Menu<wbr>Search</a></li>
							<li class="tsd-kind-function"><a href="globals.html#minus" class="tsd-kind-icon">Minus</a></li>
							<li class="tsd-kind-function"><a href="globals.html#monkey" class="tsd-kind-icon">Monkey</a></li>
							<li class="tsd-kind-function"><a href="globals.html#more" class="tsd-kind-icon">More</a></li>
							<li class="tsd-kind-function"><a href="globals.html#morevalues" class="tsd-kind-icon">More<wbr>Values</a></li>
							<li class="tsd-kind-function"><a href="globals.html#newnode" class="tsd-kind-icon">New<wbr>Node</a></li>
							<li class="tsd-kind-function"><a href="globals.html#nodeadddirectivemenu" class="tsd-kind-icon">Node<wbr>Add<wbr>Directive<wbr>Menu</a></li>
							<li class="tsd-kind-function"><a href="globals.html#nodeaddfieldmenu" class="tsd-kind-icon">Node<wbr>Add<wbr>Field<wbr>Menu</a></li>
							<li class="tsd-kind-function"><a href="globals.html#nodedirectiveoptionsmenu" class="tsd-kind-icon">Node<wbr>Directive<wbr>Options<wbr>Menu</a></li>
							<li class="tsd-kind-function"><a href="globals.html#nodefieldcontainer" class="tsd-kind-icon">Node<wbr>Field<wbr>Container</a></li>
							<li class="tsd-kind-function"><a href="globals.html#nodeimplementinterfacesmenu" class="tsd-kind-icon">Node<wbr>Implement<wbr>Interfaces<wbr>Menu</a></li>
							<li class="tsd-kind-function"><a href="globals.html#nodeinterface" class="tsd-kind-icon">Node<wbr>Interface</a></li>
							<li class="tsd-kind-function"><a href="globals.html#nodetypeoptionsmenu" class="tsd-kind-icon">Node<wbr>Type<wbr>Options<wbr>Menu</a></li>
							<li class="tsd-kind-function"><a href="globals.html#optionsmenu" class="tsd-kind-icon">Options<wbr>Menu</a></li>
							<li class="tsd-kind-function"><a href="globals.html#paintfield" class="tsd-kind-icon">Paint<wbr>Field</a></li>
							<li class="tsd-kind-function"><a href="globals.html#paintfieldname" class="tsd-kind-icon">Paint<wbr>Field<wbr>Name</a></li>
							<li class="tsd-kind-function"><a href="globals.html#paintnode" class="tsd-kind-icon">Paint<wbr>Node</a></li>
							<li class="tsd-kind-function"><a href="globals.html#paintnodes" class="tsd-kind-icon">Paint<wbr>Nodes</a></li>
							<li class="tsd-kind-function"><a href="globals.html#painttype" class="tsd-kind-icon">Paint<wbr>Type</a></li>
							<li class="tsd-kind-function"><a href="globals.html#play" class="tsd-kind-icon">Play</a></li>
							<li class="tsd-kind-function"><a href="globals.html#plus" class="tsd-kind-icon">Plus</a></li>
							<li class="tsd-kind-function"><a href="globals.html#resolvecreatefield" class="tsd-kind-icon">Resolve<wbr>Create<wbr>Field</a></li>
							<li class="tsd-kind-function"><a href="globals.html#resolvedirectives" class="tsd-kind-icon">Resolve<wbr>Directives</a></li>
							<li class="tsd-kind-function"><a href="globals.html#resolveextension" class="tsd-kind-icon">Resolve<wbr>Extension</a></li>
							<li class="tsd-kind-function"><a href="globals.html#resolveimplementinterface" class="tsd-kind-icon">Resolve<wbr>Implement<wbr>Interface</a></li>
							<li class="tsd-kind-function"><a href="globals.html#rootextendnode" class="tsd-kind-icon">Root<wbr>Extend<wbr>Node</a></li>
							<li class="tsd-kind-function"><a href="globals.html#rootnode" class="tsd-kind-icon">Root<wbr>Node</a></li>
							<li class="tsd-kind-function"><a href="globals.html#search" class="tsd-kind-icon">Search</a></li>
							<li class="tsd-kind-function"><a href="globals.html#settings" class="tsd-kind-icon">Settings</a></li>
							<li class="tsd-kind-function"><a href="globals.html#show" class="tsd-kind-icon">Show</a></li>
							<li class="tsd-kind-function"><a href="globals.html#statusdot" class="tsd-kind-icon">Status<wbr>Dot</a></li>
							<li class="tsd-kind-function"><a href="globals.html#tick" class="tsd-kind-icon">Tick</a></li>
							<li class="tsd-kind-function"><a href="globals.html#title" class="tsd-kind-icon">Title</a></li>
							<li class="tsd-kind-function"><a href="globals.html#titleofpane" class="tsd-kind-icon">Title<wbr>OfPane</a></li>
							<li class="tsd-kind-function"><a href="globals.html#toggleoff" class="tsd-kind-icon">Toggle<wbr>Off</a></li>
							<li class="tsd-kind-function"><a href="globals.html#toggleon" class="tsd-kind-icon">Toggle<wbr>On</a></li>
							<li class="tsd-kind-function"><a href="globals.html#topnodemenu" class="tsd-kind-icon">Top<wbr>Node<wbr>Menu</a></li>
							<li class="tsd-kind-function"><a href="globals.html#trash" class="tsd-kind-icon">Trash</a></li>
							<li class="tsd-kind-function"><a href="globals.html#x" class="tsd-kind-icon">X</a></li>
							<li class="tsd-kind-function"><a href="globals.html#bounds" class="tsd-kind-icon">bounds</a></li>
							<li class="tsd-kind-function"><a href="globals.html#catchschemaerrors" class="tsd-kind-icon">catch<wbr>Schema<wbr>Errors</a></li>
							<li class="tsd-kind-function"><a href="globals.html#compiletypeoptions" class="tsd-kind-icon">compile<wbr>Type<wbr>Options</a></li>
							<li class="tsd-kind-function"><a href="globals.html#configureopts" class="tsd-kind-icon">configure<wbr>Opts</a></li>
							<li class="tsd-kind-function tsd-has-type-parameter"><a href="globals.html#cypressget" class="tsd-kind-icon">cypress<wbr>Get</a></li>
							<li class="tsd-kind-function"><a href="globals.html#fade" class="tsd-kind-icon">fade</a></li>
							<li class="tsd-kind-function"><a href="globals.html#getaccepteddirectives" class="tsd-kind-icon">get<wbr>Accepted<wbr>Directives</a></li>
							<li class="tsd-kind-function"><a href="globals.html#intersects" class="tsd-kind-icon">intersects</a></li>
							<li class="tsd-kind-function"><a href="globals.html#isextensionnode" class="tsd-kind-icon">is<wbr>Extension<wbr>Node</a></li>
							<li class="tsd-kind-function"><a href="globals.html#ishexa" class="tsd-kind-icon">is<wbr>Hexa</a></li>
							<li class="tsd-kind-function"><a href="globals.html#isscalarargument" class="tsd-kind-icon">is<wbr>Scalar<wbr>Argument</a></li>
							<li class="tsd-kind-function"><a href="globals.html#mapeditorerrortomonacodecoration" class="tsd-kind-icon">map<wbr>Editor<wbr>Error<wbr>ToMonaco<wbr>Decoration</a></li>
							<li class="tsd-kind-function"><a href="globals.html#mix" class="tsd-kind-icon">mix</a></li>
							<li class="tsd-kind-function"><a href="globals.html#moveerrorsbylibrarypadding" class="tsd-kind-icon">move<wbr>Errors<wbr>ByLibrary<wbr>Padding</a></li>
							<li class="tsd-kind-function"><a href="globals.html#packboxes" class="tsd-kind-icon">pack<wbr>Boxes</a></li>
							<li class="tsd-kind-function"><a href="globals.html#placestringinnode" class="tsd-kind-icon">place<wbr>String<wbr>InNode</a></li>
							<li class="tsd-kind-function"><a href="globals.html#rate" class="tsd-kind-icon">rate</a></li>
							<li class="tsd-kind-function"><a href="globals.html#resolvevaluefromnode" class="tsd-kind-icon">resolve<wbr>Value<wbr>From<wbr>Node</a></li>
							<li class="tsd-kind-function"><a href="globals.html#settings" class="tsd-kind-icon">settings</a></li>
							<li class="tsd-kind-function"><a href="globals.html#validate" class="tsd-kind-icon">validate</a></li>
							<li class="tsd-kind-function"><a href="globals.html#validatesdlerrors" class="tsd-kind-icon">validateSDLErrors</a></li>
							<li class="tsd-kind-function"><a href="globals.html#validatetypes" class="tsd-kind-icon">validate<wbr>Types</a></li>
							<li class="tsd-kind-function"><a href="globals.html#whitespace" class="tsd-kind-icon">whitespace</a></li>
						</ul>
					</section>
					<section class="tsd-index-section ">
						<h3>Object literals</h3>
						<ul class="tsd-index-list">
							<li class="tsd-kind-object-literal"><a href="globals.html#descriptionposition" class="tsd-kind-icon">Description<wbr>Position</a></li>
							<li class="tsd-kind-object-literal"><a href="globals.html#graphqlbackgrounds" class="tsd-kind-icon">GraphQLBackgrounds</a></li>
							<li class="tsd-kind-object-literal"><a href="globals.html#graphqlcolors" class="tsd-kind-icon">GraphQLColors</a></li>
							<li class="tsd-kind-object-literal"><a href="globals.html#leftnodearea" class="tsd-kind-icon">Left<wbr>Node<wbr>Area</a></li>
							<li class="tsd-kind-object-literal"><a href="globals.html#leftnodeareanode" class="tsd-kind-icon">Left<wbr>Node<wbr>Area<wbr>Node</a></li>
							<li class="tsd-kind-object-literal"><a href="globals.html#librarynodearea" class="tsd-kind-icon">Library<wbr>Node<wbr>Area</a></li>
							<li class="tsd-kind-object-literal"><a href="globals.html#mainnodearea" class="tsd-kind-icon">Main<wbr>Node<wbr>Area</a></li>
							<li class="tsd-kind-object-literal"><a href="globals.html#maintheme" class="tsd-kind-icon">Main<wbr>Theme</a></li>
							<li class="tsd-kind-object-literal"><a href="globals.html#nameerror" class="tsd-kind-icon">Name<wbr>Error</a></li>
							<li class="tsd-kind-object-literal"><a href="globals.html#nameerrormessage" class="tsd-kind-icon">Name<wbr>Error<wbr>Message</a></li>
							<li class="tsd-kind-object-literal"><a href="globals.html#nodecreate" class="tsd-kind-icon">Node<wbr>Create</a></li>
							<li class="tsd-kind-object-literal"><a href="globals.html#nodefields" class="tsd-kind-icon">Node<wbr>Fields</a></li>
							<li class="tsd-kind-object-literal"><a href="globals.html#nodeiconarea" class="tsd-kind-icon">Node<wbr>Icon<wbr>Area</a></li>
							<li class="tsd-kind-object-literal"><a href="globals.html#nodename" class="tsd-kind-icon">Node<wbr>Name</a></li>
							<li class="tsd-kind-object-literal"><a href="globals.html#nodetitle" class="tsd-kind-icon">Node<wbr>Title</a></li>
							<li class="tsd-kind-object-literal"><a href="globals.html#nodetype" class="tsd-kind-icon">Node<wbr>Type</a></li>
							<li class="tsd-kind-object-literal"><a href="globals.html#rightnodearea" class="tsd-kind-icon">Right<wbr>Node<wbr>Area</a></li>
							<li class="tsd-kind-object-literal"><a href="globals.html#rightnodeareanode" class="tsd-kind-icon">Right<wbr>Node<wbr>Area<wbr>Node</a></li>
							<li class="tsd-kind-object-literal"><a href="globals.html#conf" class="tsd-kind-icon">conf</a></li>
							<li class="tsd-kind-object-literal"><a href="globals.html#theme" class="tsd-kind-icon">theme</a></li>
						</ul>
					</section>
				</div>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Type aliases</h2>
			<section class="tsd-panel tsd-member tsd-kind-type-alias">
				<a name="activepane" class="tsd-anchor"></a>
				<h3>Active<wbr>Pane</h3>
				<div class="tsd-signature tsd-kind-icon">Active<wbr>Pane<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"code"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"diagram"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"code-diagram"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"hierarchy"</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/Menu.tsx#L36">src/editor/Menu.tsx:36</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-type-alias">
				<a name="codepaneprops" class="tsd-anchor"></a>
				<h3>Code<wbr>Pane<wbr>Props</h3>
				<div class="tsd-signature tsd-kind-icon">Code<wbr>Pane<wbr>Props<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>libraries<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>onChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>v<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>size<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> &amp; </span><a href="interfaces/codepaneouterprops.html" class="tsd-signature-type">CodePaneOuterProps</a></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/CodePane.tsx#L19">src/editor/code/CodePane.tsx:19</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-type-alias">
				<a name="dimensions" class="tsd-anchor"></a>
				<h3>Dimensions</h3>
				<div class="tsd-signature tsd-kind-icon">Dimensions<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">]</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/utils/packer.ts#L1">src/Graf/utils/packer.ts:1</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-type-alias">
				<a name="hexadecimal" class="tsd-anchor"></a>
				<h3>Hexa<wbr>Decimal</h3>
				<div class="tsd-signature tsd-kind-icon">Hexa<wbr>Decimal<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Colors.tsx#L121">src/Colors.tsx:121</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-type-alias">
				<a name="possiblemenus" class="tsd-anchor"></a>
				<h3>Possible<wbr>Menus</h3>
				<div class="tsd-signature tsd-kind-icon">Possible<wbr>Menus<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"field"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"interface"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"directive"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"options"</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/TopNodeMenu.tsx#L14">src/Graf/Node/ActiveNode/TopNodeMenu.tsx:14</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-type-alias tsd-has-type-parameter">
				<a name="themetype" class="tsd-anchor"></a>
				<h3>Theme<wbr>Type</h3>
				<div class="tsd-signature tsd-kind-icon">Theme<wbr>Type&lt;T&gt;<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Required</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Pick</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NestedCSSProperties</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NestedCSSProperties</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Theming/index.ts#L4">src/Theming/index.ts:4</a></li>
					</ul>
				</aside>
				<h4 class="tsd-type-parameters-title">Type parameters</h4>
				<ul class="tsd-type-parameters">
					<li>
						<h4>T<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">NestedCSSProperties</span></h4>
					</li>
				</ul>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Variables</h2>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="builtinscalars" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Built<wbr>InScalars</h3>
				<div class="tsd-signature tsd-kind-icon">Built<wbr>InScalars<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = [ScalarTypes.Boolean,ScalarTypes.Float,ScalarTypes.ID,ScalarTypes.Int,ScalarTypes.String,].reverse().map((t) &#x3D;&gt;({data: {type: TypeDefinition.ScalarTypeDefinition,},type: {name: &#x27;scalar&#x27;,},name: t,} as ParserField),)</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/GraphQL/Resolve/BuiltInNodes.tsx#L2">src/GraphQL/Resolve/BuiltInNodes.tsx:2</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="captiontitle" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Caption<wbr>Title</h3>
				<div class="tsd-signature tsd-kind-icon">Caption<wbr>Title<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({marginRight: 10,color: Colors.orange[0],})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/RootNode/index.tsx#L33">src/Graf/Node/RootNode/index.tsx:33</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/RootExtendNode/index.tsx#L21">src/Graf/Node/RootExtendNode/index.tsx:21</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="circle" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Circle</h3>
				<div class="tsd-signature tsd-kind-icon">Circle<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({borderRadius: 6,width: 12,height: 12,display: &#x27;flex&#x27;,alignItems: &#x27;center&#x27;,justifyContent: &#x27;center&#x27;,border: &#x60;solid 1px&#x60;,borderColor: Colors.grey[0],$nest: {&#x27;&amp;.Selected&#x27;: {borderColor: Colors.green[0],},},})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Menu/OptionsMenu.tsx#L25">src/Graf/Node/components/Menu/OptionsMenu.tsx:25</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="codecontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Code<wbr>Container</h3>
				<div class="tsd-signature tsd-kind-icon">Code<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({flex: 1,overflowY: &#x27;hidden&#x27;,overflowX: &#x27;hidden&#x27;,display: &#x27;flex&#x27;,flexFlow: &#x27;column&#x27;,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/style/Code.tsx#L17">src/editor/code/style/Code.tsx:17</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="colors" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Colors</h3>
				<div class="tsd-signature tsd-kind-icon">Colors<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>blue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">"#17bebb"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#15adaa"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#139c99"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#118b89"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0f7a78"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0d6967"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0a5756"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#084645"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#063535"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#042424"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#021313"</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">; </span>green<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">"#acf7c1"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#9ce0af"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#8cc99d"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#7bb18b"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#6b9a79"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#5b8367"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#4b6c54"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#3b5542"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#2a3d30"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#1a261e"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0a0f0c"</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">; </span>grey<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">"#F3F3F4"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#E5E5E5"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#CCCCCC"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#B2B2B2"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#999999"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#808080"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#666666"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#4D4D4D"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#333333"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#1A1A1A"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#000000"</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">; </span>main<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">"#d966ff"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#c45ce6"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#b053cd"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#9b49b3"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#873f9a"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#723681"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#5d2c68"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#49224f"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#341835"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#200f1c"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0b050d"</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">; </span>orange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">"#f18f01"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#da8201"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#c47401"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#ad6701"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#975901"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#804c01"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#693f00"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#533100"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#3c2400"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#261600"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0f0900"</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">; </span>pink<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">"#e6bccd"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#d1aaba"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#bb99a7"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#a68793"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#907680"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#7b646d"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#65525a"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#504147"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#3a2f33"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#251e20"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0f0c0d"</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">; </span>red<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">"#de3c4b"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#c93644"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#b5313d"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#a02b36"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#8b262f"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#772028"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#621a21"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#4d151a"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#380f13"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#240a0c"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0f0405"</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">; </span>sky<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">"#A3E7FC"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#94d1e5"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#84bccd"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#75a6b5"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#66919e"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#577b87"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#47656f"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#385058"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#293a40"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#192529"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0a0f11"</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">; </span>yellow<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">"#cfee9e"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#bcd88f"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#a8c180"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#95ab72"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#819563"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#6e7f54"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#5b6845"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#475236"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#343c28"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#202519"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0d0f0a"</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> = {grey: [&#x27;#F3F3F4&#x27;,&#x27;#E5E5E5&#x27;,&#x27;#CCCCCC&#x27;,&#x27;#B2B2B2&#x27;,&#x27;#999999&#x27;,&#x27;#808080&#x27;,&#x27;#666666&#x27;,&#x27;#4D4D4D&#x27;,&#x27;#333333&#x27;,&#x27;#1A1A1A&#x27;,&#x27;#000000&#x27;,],main: [&#x27;#d966ff&#x27;,&#x27;#c45ce6&#x27;,&#x27;#b053cd&#x27;,&#x27;#9b49b3&#x27;,&#x27;#873f9a&#x27;,&#x27;#723681&#x27;,&#x27;#5d2c68&#x27;,&#x27;#49224f&#x27;,&#x27;#341835&#x27;,&#x27;#200f1c&#x27;,&#x27;#0b050d&#x27;,],green: [&#x27;#acf7c1&#x27;,&#x27;#9ce0af&#x27;,&#x27;#8cc99d&#x27;,&#x27;#7bb18b&#x27;,&#x27;#6b9a79&#x27;,&#x27;#5b8367&#x27;,&#x27;#4b6c54&#x27;,&#x27;#3b5542&#x27;,&#x27;#2a3d30&#x27;,&#x27;#1a261e&#x27;,&#x27;#0a0f0c&#x27;,],yellow: [&#x27;#cfee9e&#x27;,&#x27;#bcd88f&#x27;,&#x27;#a8c180&#x27;,&#x27;#95ab72&#x27;,&#x27;#819563&#x27;,&#x27;#6e7f54&#x27;,&#x27;#5b6845&#x27;,&#x27;#475236&#x27;,&#x27;#343c28&#x27;,&#x27;#202519&#x27;,&#x27;#0d0f0a&#x27;,],red: [&#x27;#de3c4b&#x27;,&#x27;#c93644&#x27;,&#x27;#b5313d&#x27;,&#x27;#a02b36&#x27;,&#x27;#8b262f&#x27;,&#x27;#772028&#x27;,&#x27;#621a21&#x27;,&#x27;#4d151a&#x27;,&#x27;#380f13&#x27;,&#x27;#240a0c&#x27;,&#x27;#0f0405&#x27;,],orange: [&#x27;#f18f01&#x27;,&#x27;#da8201&#x27;,&#x27;#c47401&#x27;,&#x27;#ad6701&#x27;,&#x27;#975901&#x27;,&#x27;#804c01&#x27;,&#x27;#693f00&#x27;,&#x27;#533100&#x27;,&#x27;#3c2400&#x27;,&#x27;#261600&#x27;,&#x27;#0f0900&#x27;,],pink: [&#x27;#e6bccd&#x27;,&#x27;#d1aaba&#x27;,&#x27;#bb99a7&#x27;,&#x27;#a68793&#x27;,&#x27;#907680&#x27;,&#x27;#7b646d&#x27;,&#x27;#65525a&#x27;,&#x27;#504147&#x27;,&#x27;#3a2f33&#x27;,&#x27;#251e20&#x27;,&#x27;#0f0c0d&#x27;,],blue: [&#x27;#17bebb&#x27;,&#x27;#15adaa&#x27;,&#x27;#139c99&#x27;,&#x27;#118b89&#x27;,&#x27;#0f7a78&#x27;,&#x27;#0d6967&#x27;,&#x27;#0a5756&#x27;,&#x27;#084645&#x27;,&#x27;#063535&#x27;,&#x27;#042424&#x27;,&#x27;#021313&#x27;,],sky: [&#x27;#A3E7FC&#x27;,&#x27;#94d1e5&#x27;,&#x27;#84bccd&#x27;,&#x27;#75a6b5&#x27;,&#x27;#66919e&#x27;,&#x27;#577b87&#x27;,&#x27;#47656f&#x27;,&#x27;#385058&#x27;,&#x27;#293a40&#x27;,&#x27;#192529&#x27;,&#x27;#0a0f11&#x27;,],} as const</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Colors.tsx#L1">src/Colors.tsx:1</a></li>
					</ul>
				</aside>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter">
							<h5>blue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">"#17bebb"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#15adaa"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#139c99"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#118b89"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0f7a78"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0d6967"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0a5756"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#084645"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#063535"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#042424"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#021313"</span><span class="tsd-signature-symbol">]</span></h5>
						</li>
						<li class="tsd-parameter">
							<h5>green<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">"#acf7c1"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#9ce0af"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#8cc99d"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#7bb18b"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#6b9a79"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#5b8367"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#4b6c54"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#3b5542"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#2a3d30"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#1a261e"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0a0f0c"</span><span class="tsd-signature-symbol">]</span></h5>
						</li>
						<li class="tsd-parameter">
							<h5>grey<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">"#F3F3F4"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#E5E5E5"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#CCCCCC"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#B2B2B2"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#999999"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#808080"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#666666"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#4D4D4D"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#333333"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#1A1A1A"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#000000"</span><span class="tsd-signature-symbol">]</span></h5>
						</li>
						<li class="tsd-parameter">
							<h5>main<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">"#d966ff"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#c45ce6"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#b053cd"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#9b49b3"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#873f9a"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#723681"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#5d2c68"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#49224f"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#341835"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#200f1c"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0b050d"</span><span class="tsd-signature-symbol">]</span></h5>
						</li>
						<li class="tsd-parameter">
							<h5>orange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">"#f18f01"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#da8201"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#c47401"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#ad6701"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#975901"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#804c01"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#693f00"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#533100"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#3c2400"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#261600"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0f0900"</span><span class="tsd-signature-symbol">]</span></h5>
						</li>
						<li class="tsd-parameter">
							<h5>pink<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">"#e6bccd"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#d1aaba"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#bb99a7"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#a68793"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#907680"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#7b646d"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#65525a"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#504147"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#3a2f33"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#251e20"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0f0c0d"</span><span class="tsd-signature-symbol">]</span></h5>
						</li>
						<li class="tsd-parameter">
							<h5>red<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">"#de3c4b"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#c93644"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#b5313d"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#a02b36"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#8b262f"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#772028"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#621a21"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#4d151a"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#380f13"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#240a0c"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0f0405"</span><span class="tsd-signature-symbol">]</span></h5>
						</li>
						<li class="tsd-parameter">
							<h5>sky<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">"#A3E7FC"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#94d1e5"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#84bccd"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#75a6b5"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#66919e"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#577b87"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#47656f"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#385058"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#293a40"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#192529"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0a0f11"</span><span class="tsd-signature-symbol">]</span></h5>
						</li>
						<li class="tsd-parameter">
							<h5>yellow<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">"#cfee9e"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#bcd88f"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#a8c180"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#95ab72"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#819563"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#6e7f54"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#5b6845"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#475236"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#343c28"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#202519"</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">"#0d0f0a"</span><span class="tsd-signature-symbol">]</span></h5>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="content" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Content</h3>
				<div class="tsd-signature tsd-kind-icon">Content<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({background: Colors.pink[10],borderRadius: 4,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Menu/Menu.tsx#L19">src/Graf/Node/components/Menu/Menu.tsx:19</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="directivebackground" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Directive<wbr>Background</h3>
				<div class="tsd-signature tsd-kind-icon">Directive<wbr>Background<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({background: Colors.pink[5],})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Directive/ActiveDirective.tsx#L33">src/Graf/Node/Directive/ActiveDirective.tsx:33</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="errorcontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Error<wbr>Container</h3>
				<div class="tsd-signature tsd-kind-icon">Error<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({position: &#x27;absolute&#x27;,zIndex: 2,top: 0,right: 0,width: &#x60;calc(100% - 40px)&#x60;,padding: 20,margin: 20,borderRadius: 4,fontSize: 12,fontFamily,letterSpacing: 1,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/Editor.tsx#L31">src/editor/Editor.tsx:31</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="errorlock" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Error<wbr>Lock</h3>
				<div class="tsd-signature tsd-kind-icon">Error<wbr>Lock<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({width: &#x27;100%&#x27;,height: &#x27;100%&#x27;,position: &#x27;absolute&#x27;,top: 0,left: 0,background: &#x60;${Colors.main[9]}99&#x60;,cursor: &#x27;pointer&#x27;,display: &#x27;flex&#x27;,justifyContent: &#x27;center&#x27;,alignItems: &#x27;center&#x27;,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Graf.tsx#L32">src/Graf/Graf.tsx:32</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="errorlockmessage" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Error<wbr>Lock<wbr>Message</h3>
				<div class="tsd-signature tsd-kind-icon">Error<wbr>Lock<wbr>Message<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({width: &#x60;clamp(200px,50vw,500px)&#x60;,fontFamily,fontSize: 14,padding: 30,color: Colors.red[0],background: Colors.main[10],})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Graf.tsx#L44">src/Graf/Graf.tsx:44</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="errorlonger" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Error<wbr>Longer</h3>
				<div class="tsd-signature tsd-kind-icon">Error<wbr>Longer<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({position: &#x27;absolute&#x27;,background: Colors.red[0],color: Colors.grey[0],padding: 10,fontSize: 10,maxWidth: 200,margin: 5,borderRadius: 5,right: 0,letterSpacing: 1,zIndex: 3,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/style/Code.tsx#L27">src/editor/code/style/Code.tsx:27</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="erroroutercontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Error<wbr>Outer<wbr>Container</h3>
				<div class="tsd-signature tsd-kind-icon">Error<wbr>Outer<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({width: &#x27;100%&#x27;,position: &#x27;relative&#x27;,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/Editor.tsx#L55">src/editor/Editor.tsx:55</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="errorsstateprovider" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Errors<wbr>State<wbr>Provider</h3>
				<div class="tsd-signature tsd-kind-icon">Errors<wbr>State<wbr>Provider<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ComponentType</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">ContainerProviderProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = useErrorsStateContainer.Provider</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/state/containers/errors.tsx#L13">src/state/containers/errors.tsx:13</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="extendbutton" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Extend<wbr>Button</h3>
				<div class="tsd-signature tsd-kind-icon">Extend<wbr>Button<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({position: &#x27;relative&#x27;,borderColor: Colors.orange[0],borderWidth: 1,borderStyle: &#x27;solid&#x27;,padding: &#x60;5px 10px&#x60;,borderRadius: 4,width: 200,cursor: &#x27;pointer&#x27;,margin: 15,display: &#x27;flex&#x27;,alignItems: &#x27;center&#x27;,transition: &#x60;border-color 0.25s ease-in-out&#x60;,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/RootExtendNode/index.tsx#L33">src/Graf/Node/RootExtendNode/index.tsx:33</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="extendbuttontitle" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Extend<wbr>Button<wbr>Title</h3>
				<div class="tsd-signature tsd-kind-icon">Extend<wbr>Button<wbr>Title<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({padding: &#x60;0 5px&#x60;,fontSize: 12,color: Colors.grey[0],})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/RootExtendNode/index.tsx#L47">src/Graf/Node/RootExtendNode/index.tsx:47</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="extendmenucontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Extend<wbr>Menu<wbr>Container</h3>
				<div class="tsd-signature tsd-kind-icon">Extend<wbr>Menu<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({position: &#x27;absolute&#x27;,top: 30,right: -70,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/RootExtendNode/index.tsx#L53">src/Graf/Node/RootExtendNode/index.tsx:53</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="field_height" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> FIELD_<wbr>HEIGHT</h3>
				<div class="tsd-signature tsd-kind-icon">FIELD_<wbr>HEIGHT<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">28</span><span class="tsd-signature-symbol"> = 28</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/constants.ts#L1">src/Graf/constants.ts:1</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="field_name_size" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> FIELD_<wbr>NAME_<wbr>SIZE</h3>
				<div class="tsd-signature tsd-kind-icon">FIELD_<wbr>NAME_<wbr>SIZE<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">12</span><span class="tsd-signature-symbol"> = 12</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/constants.ts#L5">src/Graf/constants.ts:5</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="field_type_size" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> FIELD_<wbr>TYPE_<wbr>SIZE</h3>
				<div class="tsd-signature tsd-kind-icon">FIELD_<wbr>TYPE_<wbr>SIZE<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">10</span><span class="tsd-signature-symbol"> = 10</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/constants.ts#L6">src/Graf/constants.ts:6</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="focus" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Focus</h3>
				<div class="tsd-signature tsd-kind-icon">Focus<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({position: &#x27;absolute&#x27;,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Graf.tsx#L29">src/Graf/Graf.tsx:29</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="fullscreencontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Full<wbr>Screen<wbr>Container</h3>
				<div class="tsd-signature tsd-kind-icon">Full<wbr>Screen<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({flex: 1,alignSelf: &#x27;stretch&#x27;,height: &#x27;100%&#x27;,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/Editor.tsx#L26">src/editor/Editor.tsx:26</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="fullscreenicon" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Full<wbr>Screen<wbr>Icon</h3>
				<div class="tsd-signature tsd-kind-icon">Full<wbr>Screen<wbr>Icon<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({cursor: &#x27;pointer&#x27;,display: &#x27;flex&#x27;,color: Colors.grey[0],transition: vars.transition,padding: &#x60;0 10px&#x60;,$nest: {&#x27;&amp;:hover,&amp;.active&#x27;: {color: Colors.green[0],},},})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/style/Code.tsx#L40">src/editor/code/style/Code.tsx:40</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="generate" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Generate</h3>
				<div class="tsd-signature tsd-kind-icon">Generate<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({marginLeft: &#x27;auto&#x27;,color: Colors.green[3],padding: &#x60;2px 6px&#x60;,cursor: &#x27;pointer&#x27;,display: &#x27;flex&#x27;,alignItems: &#x27;center&#x27;,fontSize: 10,textTransform: &#x27;lowercase&#x27;,borderRadius: 3,fontWeight: &#x27;bold&#x27;,transition: vars.transition,$nest: {&#x27;&amp;.disabled&#x27;: {color: Colors.grey[6],},&#x27;&amp;.ready&#x27;: {color: Colors.grey[0],$nest: {&#x27;&amp;:hover&#x27;: {color: Colors.green[0],$nest: {svg: {animationName,animationDuration: &#x27;1s&#x27;,animationIterationCount: &#x27;infinite&#x27;,animationTimingFunction: &#x27;linear&#x27;,},},},},},},})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/style/Code.tsx#L53">src/editor/code/style/Code.tsx:53</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="graphqleditorcypress" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> GraphQLEditor<wbr>Cypress</h3>
				<div class="tsd-signature tsd-kind-icon">GraphQLEditor<wbr>Cypress<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"editor"</span><span class="tsd-signature-symbol">; </span>code<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">; </span>diagram<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">; </span>hierarchy<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol">; </span>sidebar<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> = {name: &#x27;editor&#x27;,diagram: {name: &#x27;diagram&#x27;,},code: {name: &#x27;code&#x27;,},hierarchy: {name: &#x27;hierarchy&#x27;,},sidebar: {name: &#x27;sidebar&#x27;,menu: {name: &#x27;menu&#x27;,children: {diagram: {name: &#x27;diagram&#x27;,},codeDiagram: {name: &#x27;codeDiagram&#x27;,},code: {name: &#x27;code&#x27;,},hierarchy: {name: &#x27;hierarchy&#x27;,},},},code: {name: &#x27;code&#x27;,children: {status: {name: &#x27;status&#x27;,},},},explorer: {name: &#x27;explorer&#x27;,children: {search: {name: &#x27;search&#x27;,},filters: {name: &#x27;filters&#x27;,},list: {name: &#x27;list&#x27;,},},},},} as const</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/cypress_constants.ts#L1">src/cypress_constants.ts:1</a></li>
					</ul>
				</aside>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter">
							<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"editor"</span></h5>
						</li>
						<li class="tsd-parameter">
							<h5>code<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
							<ul class="tsd-parameters">
								<li class="tsd-parameter">
									<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"code"</span></h5>
								</li>
							</ul>
						</li>
						<li class="tsd-parameter">
							<h5>diagram<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
							<ul class="tsd-parameters">
								<li class="tsd-parameter">
									<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"diagram"</span></h5>
								</li>
							</ul>
						</li>
						<li class="tsd-parameter">
							<h5>hierarchy<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
							<ul class="tsd-parameters">
								<li class="tsd-parameter">
									<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"hierarchy"</span></h5>
								</li>
							</ul>
						</li>
						<li class="tsd-parameter">
							<h5>sidebar<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
							<ul class="tsd-parameters">
								<li class="tsd-parameter">
									<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"sidebar"</span></h5>
								</li>
								<li class="tsd-parameter">
									<h5>code<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
									<ul class="tsd-parameters">
										<li class="tsd-parameter">
											<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"code"</span></h5>
										</li>
										<li class="tsd-parameter">
											<h5>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
											<ul class="tsd-parameters">
												<li class="tsd-parameter">
													<h5>status<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
													<ul class="tsd-parameters">
														<li class="tsd-parameter">
															<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"status"</span></h5>
														</li>
													</ul>
												</li>
											</ul>
										</li>
									</ul>
								</li>
								<li class="tsd-parameter">
									<h5>explorer<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
									<ul class="tsd-parameters">
										<li class="tsd-parameter">
											<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"explorer"</span></h5>
										</li>
										<li class="tsd-parameter">
											<h5>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
											<ul class="tsd-parameters">
												<li class="tsd-parameter">
													<h5>filters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
													<ul class="tsd-parameters">
														<li class="tsd-parameter">
															<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"filters"</span></h5>
														</li>
													</ul>
												</li>
												<li class="tsd-parameter">
													<h5>list<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
													<ul class="tsd-parameters">
														<li class="tsd-parameter">
															<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"list"</span></h5>
														</li>
													</ul>
												</li>
												<li class="tsd-parameter">
													<h5>search<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
													<ul class="tsd-parameters">
														<li class="tsd-parameter">
															<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"search"</span></h5>
														</li>
													</ul>
												</li>
											</ul>
										</li>
									</ul>
								</li>
								<li class="tsd-parameter">
									<h5>menu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
									<ul class="tsd-parameters">
										<li class="tsd-parameter">
											<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"menu"</span></h5>
										</li>
										<li class="tsd-parameter">
											<h5>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
											<ul class="tsd-parameters">
												<li class="tsd-parameter">
													<h5>code<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
													<ul class="tsd-parameters">
														<li class="tsd-parameter">
															<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"code"</span></h5>
														</li>
													</ul>
												</li>
												<li class="tsd-parameter">
													<h5>code<wbr>Diagram<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
													<ul class="tsd-parameters">
														<li class="tsd-parameter">
															<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"codeDiagram"</span></h5>
														</li>
													</ul>
												</li>
												<li class="tsd-parameter">
													<h5>diagram<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
													<ul class="tsd-parameters">
														<li class="tsd-parameter">
															<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"diagram"</span></h5>
														</li>
													</ul>
												</li>
												<li class="tsd-parameter">
													<h5>hierarchy<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
													<ul class="tsd-parameters">
														<li class="tsd-parameter">
															<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"hierarchy"</span></h5>
														</li>
													</ul>
												</li>
											</ul>
										</li>
									</ul>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="hider" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Hider</h3>
				<div class="tsd-signature tsd-kind-icon">Hider<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({width: 42,height: 42,display: &#x27;flex&#x27;,alignItems: &#x27;center&#x27;,justifyContent: &#x27;center&#x27;,userSelect: &#x27;none&#x27;,cursor: &#x27;pointer&#x27;,$nest: {&#x27;&amp;:hover&#x27;: {background: Colors.grey[10],},&#x27;&amp;.active&#x27;: {color: Colors.pink[0],},},})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/Menu.tsx#L18">src/editor/Menu.tsx:18</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="hiderpanel" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Hider<wbr>Panel</h3>
				<div class="tsd-signature tsd-kind-icon">Hider<wbr>Panel<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({width: menuWidth,background: Colors.main[10],color: Colors.grey[7],fontSize: 12,padding: 3,zIndex: 3,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/Menu.tsx#L10">src/editor/Menu.tsx:10</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="iostateprovider" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> IOState<wbr>Provider</h3>
				<div class="tsd-signature tsd-kind-icon">IOState<wbr>Provider<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ComponentType</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">ContainerProviderProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = useIOStateContainer.Provider</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/state/containers/io.tsx#L49">src/state/containers/io.tsx:49</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="indent" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Indent</h3>
				<div class="tsd-signature tsd-kind-icon">Indent<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({marginLeft: 2,textOverflow: &#x27;ellipsis&#x27;,overflow: &#x27;hidden&#x27;,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Field/FieldName/ActiveFieldName.tsx#L12">src/Graf/Node/Field/FieldName/ActiveFieldName.tsx:12</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Field/FieldName/PaintFieldName.tsx#L11">src/Graf/Node/Field/FieldName/PaintFieldName.tsx:11</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="input" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Input</h3>
				<div class="tsd-signature tsd-kind-icon">Input<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({border: 0,background: &#x27;transparent&#x27;,color: Colors.grey[0],minWidth: &#x27;auto&#x27;,padding: 0,fontFamily: fontFamily,fontSize: FIELD_NAME_SIZE,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/EditableDefaultValue/index.tsx#L6">src/Graf/Node/components/EditableDefaultValue/index.tsx:6</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/EditableText/index.tsx#L7">src/Graf/Node/components/EditableText/index.tsx:7</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="lastfield" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Last<wbr>Field</h3>
				<div class="tsd-signature tsd-kind-icon">Last<wbr>Field<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({borderBottomLeftRadius: 4,borderBottomRightRadius: 4,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Field/ActiveField.tsx#L26">src/Graf/Node/Field/ActiveField.tsx:26</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Field/PaintField.tsx#L28">src/Graf/Node/Field/PaintField.tsx:28</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Directive/ActiveDirective.tsx#L22">src/Graf/Node/Directive/ActiveDirective.tsx:22</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/InputValue/ActiveInputValue.tsx#L34">src/Graf/Node/InputValue/ActiveInputValue.tsx:34</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Argument/ActiveArgument.tsx#L33">src/Graf/Node/Argument/ActiveArgument.tsx:33</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="librarynodecontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Library<wbr>Node<wbr>Container</h3>
				<div class="tsd-signature tsd-kind-icon">Library<wbr>Node<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({$nest: {&#x27;.MainNodeArea&#x27;: MainNodeArea,...Object.keys(GraphQLBackgrounds).reduce((a, b) &#x3D;&gt; {a[&#x60;.NodeType-${b}&#x60;] &#x3D; {borderColor: &#x60;${GraphQLBackgrounds[b]}&#x60;,borderStyle: &#x27;dashed&#x27;,};return a;}, {} as Record&lt;string, NestedCSSProperties&gt;),},})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L36">src/Graf/Node/PaintNode.tsx:36</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="max_node_width" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> MAX_<wbr>NODE_<wbr>WIDTH</h3>
				<div class="tsd-signature tsd-kind-icon">MAX_<wbr>NODE_<wbr>WIDTH<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">350</span><span class="tsd-signature-symbol"> = 350</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/constants.ts#L2">src/Graf/constants.ts:2</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="max_visible_fields" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> MAX_<wbr>VISIBLE_<wbr>FIELDS</h3>
				<div class="tsd-signature tsd-kind-icon">MAX_<wbr>VISIBLE_<wbr>FIELDS<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">10</span><span class="tsd-signature-symbol"> = 10</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/constants.ts#L3">src/Graf/constants.ts:3</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="main" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Main</h3>
				<div class="tsd-signature tsd-kind-icon">Main<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({display: &#x27;flex&#x27;,flexFlow: &#x27;row nowrap&#x27;,height: &#x27;100%&#x27;,width: &#x27;100%&#x27;,alignItems: &#x27;stretch&#x27;,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Description/ActiveDescription.tsx#L6">src/Graf/Node/components/Description/ActiveDescription.tsx:6</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/FieldPort/index.tsx#L19">src/Graf/Node/components/FieldPort/index.tsx:19</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Menu/DetailMenuItem.tsx#L9">src/Graf/Node/components/Menu/DetailMenuItem.tsx:9</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Menu/MenuItem.tsx#L13">src/Graf/Node/components/Menu/MenuItem.tsx:13</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Menu/MenuScrollingArea.tsx#L5">src/Graf/Node/components/Menu/MenuScrollingArea.tsx:5</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Menu/MenuSearch.tsx#L12">src/Graf/Node/components/Menu/MenuSearch.tsx:12</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Menu/OptionsMenu.tsx#L14">src/Graf/Node/components/Menu/OptionsMenu.tsx:14</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/NodeFieldContainer/index.tsx#L6">src/Graf/Node/components/NodeFieldContainer/index.tsx:6</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Title/index.tsx#L4">src/Graf/Node/components/Title/index.tsx:4</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Field/FieldName/ActiveFieldName.tsx#L6">src/Graf/Node/Field/FieldName/ActiveFieldName.tsx:6</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Field/FieldName/PaintFieldName.tsx#L5">src/Graf/Node/Field/FieldName/PaintFieldName.tsx:5</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Field/PaintField.tsx#L14">src/Graf/Node/Field/PaintField.tsx:14</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/PaintNodes.tsx#L14">src/Graf/PaintNodes.tsx:14</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Graf.tsx#L21">src/Graf/Graf.tsx:21</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/index.tsx#L8">src/Hierarchy/index.tsx:8</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/Editor.tsx#L18">src/editor/Editor.tsx:18</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="mainnodecontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Main<wbr>Node<wbr>Container</h3>
				<div class="tsd-signature tsd-kind-icon">Main<wbr>Node<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({$nest: {&#x27;.MainNodeArea&#x27;: MainNodeArea,...Object.keys(GraphQLBackgrounds).reduce((a, b) &#x3D;&gt; {a[&#x60;.NodeType-${b}&#x60;] &#x3D; {background: &#x60;${GraphQLBackgrounds[b]}&#x60;,};return a;}, {} as Record&lt;string, NestedCSSProperties&gt;),},})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L48">src/Graf/Node/PaintNode.tsx:48</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="marker" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Marker</h3>
				<div class="tsd-signature tsd-kind-icon">Marker<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({background: &#x27;red&#x27;,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/style/Code.tsx#L24">src/editor/code/style/Code.tsx:24</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="matchedsearchcontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Matched<wbr>Search<wbr>Container</h3>
				<div class="tsd-signature tsd-kind-icon">Matched<wbr>Search<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({opacity: 1,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L62">src/Graf/Node/PaintNode.tsx:62</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="name" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Name</h3>
				<div class="tsd-signature tsd-kind-icon">Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({ fontSize: 10, marginRight: 4, overflow: &#x27;hidden&#x27; })</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Field/ActiveField.tsx#L30">src/Graf/Node/Field/ActiveField.tsx:30</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Field/PaintField.tsx#L39">src/Graf/Node/Field/PaintField.tsx:39</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Directive/ActiveDirective.tsx#L26">src/Graf/Node/Directive/ActiveDirective.tsx:26</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/InputValue/ActiveInputValue.tsx#L38">src/Graf/Node/InputValue/ActiveInputValue.tsx:38</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Argument/ActiveArgument.tsx#L37">src/Graf/Node/Argument/ActiveArgument.tsx:37</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="navigationstateprovider" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Navigation<wbr>State<wbr>Provider</h3>
				<div class="tsd-signature tsd-kind-icon">Navigation<wbr>State<wbr>Provider<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ComponentType</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">ContainerProviderProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = useNavigationStateContainer.Provider</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/state/containers/navigation.tsx#L10">src/state/containers/navigation.tsx:10</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="nomatchedsearchcontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> No<wbr>Matched<wbr>Search<wbr>Container</h3>
				<div class="tsd-signature tsd-kind-icon">No<wbr>Matched<wbr>Search<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({opacity: 0.2,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L65">src/Graf/Node/PaintNode.tsx:65</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="nodecaption" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Node<wbr>Caption</h3>
				<div class="tsd-signature tsd-kind-icon">Node<wbr>Caption<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({flexBasis: &#x27;100%&#x27;,margin: &#x60;15px 15px&#x60;,display: &#x27;flex&#x27;,borderBottom: &#x60;1px solid ${Colors.orange[0]}22&#x60;,paddingBottom: 5,alignItems: &#x27;center&#x27;,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/RootNode/index.tsx#L14">src/Graf/Node/RootNode/index.tsx:14</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/RootExtendNode/index.tsx#L13">src/Graf/Node/RootExtendNode/index.tsx:13</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="nodecontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Node<wbr>Container</h3>
				<div class="tsd-signature tsd-kind-icon">Node<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({padding: 10,display: &#x27;flex&#x27;,flexWrap: &#x27;wrap&#x27;,width: &#x27;100%&#x27;,height: &#x27;100%&#x27;,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L77">src/Graf/Node/ActiveNode/index.tsx:77</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L71">src/Graf/Node/NewNode.tsx:71</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L59">src/Graf/Node/PaintNode.tsx:59</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/RootNode/index.tsx#L36">src/Graf/Node/RootNode/index.tsx:36</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/RootExtendNode/index.tsx#L25">src/Graf/Node/RootExtendNode/index.tsx:25</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="nodeinterfaceblock" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Node<wbr>Interface<wbr>Block</h3>
				<div class="tsd-signature tsd-kind-icon">Node<wbr>Interface<wbr>Block<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({padding: &#x60;3px 6px&#x60;,background: GraphQLBackgrounds.interface,color: Colors.grey[1],fontSize: 10,borderRadius: 4,marginLeft: 10,position: &#x27;relative&#x27;,cursor: &#x27;pointer&#x27;,marginBottom: 5,$nest: {&#x27;.DeleteInterface&#x27;: {opacity: 0.0,position: &#x27;absolute&#x27;,pointerEvents: &#x27;none&#x27;,cursor: &#x27;pointer&#x27;,top: -17,right: 0,fontSize: 8,width: 200,textAlign: &#x27;right&#x27;,$nest: {svg: {fill: &#x27;red&#x27;,},&#x27;&amp;:hover&#x27;: {opacity: 1.0,},},},svg: {display: &#x27;none&#x27;,marginLeft: 5,fill: Colors.red[0],},&#x27;&amp;:hover&#x27;: {$nest: {&#x27;.DeleteInterface&#x27;: {opacity: 1.0,},svg: {display: &#x27;inline&#x27;,},},},},})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/NodeInterface/index.tsx#L12">src/Graf/Node/components/NodeInterface/index.tsx:12</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="nodeinterfaces" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Node<wbr>Interfaces</h3>
				<div class="tsd-signature tsd-kind-icon">Node<wbr>Interfaces<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({maxWidth: 600,display: &#x27;flex&#x27;,flexFlow: &#x27;row wrap&#x27;,alignItems: &#x27;flex-start&#x27;,marginBottom: 5,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L121">src/Graf/Node/ActiveNode/index.tsx:121</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="nodemenucontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Node<wbr>Menu<wbr>Container</h3>
				<div class="tsd-signature tsd-kind-icon">Node<wbr>Menu<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({position: &#x27;absolute&#x27;,top: 35,zIndex: 2,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/TopNodeMenu.tsx#L16">src/Graf/Node/ActiveNode/TopNodeMenu.tsx:16</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="optionsmenucontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Options<wbr>Menu<wbr>Container</h3>
				<div class="tsd-signature tsd-kind-icon">Options<wbr>Menu<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({position: &#x27;absolute&#x27;,top: 20,zIndex: 2,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Field/ActiveField.tsx#L38">src/Graf/Node/Field/ActiveField.tsx:38</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Directive/ActiveDirective.tsx#L36">src/Graf/Node/Directive/ActiveDirective.tsx:36</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/InputValue/ActiveInputValue.tsx#L40">src/Graf/Node/InputValue/ActiveInputValue.tsx:40</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Argument/ActiveArgument.tsx#L38">src/Graf/Node/Argument/ActiveArgument.tsx:38</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="plusbutton" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Plus<wbr>Button</h3>
				<div class="tsd-signature tsd-kind-icon">Plus<wbr>Button<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({marginLeft: &#x27;auto&#x27;,display: &#x27;flex&#x27;,justifyContent: &#x27;center&#x27;,alignItems: &#x27;center&#x27;,alignSelf: &#x27;center&#x27;,color: Colors.grey[0],border: &#x60;1px solid ${Colors.grey[0]}11&#x60;,width: 20,height: 20,borderRadius: 10,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L84">src/Graf/Node/NewNode.tsx:84</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/RootExtendNode/index.tsx#L58">src/Graf/Node/RootExtendNode/index.tsx:58</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="relatednode" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Related<wbr>Node</h3>
				<div class="tsd-signature tsd-kind-icon">Related<wbr>Node<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({opacity: 1.0,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L71">src/Graf/Node/PaintNode.tsx:71</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="searchiconcontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Search<wbr>Icon<wbr>Container</h3>
				<div class="tsd-signature tsd-kind-icon">Search<wbr>Icon<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({position: &#x27;absolute&#x27;,height: 24,width: 24,display: &#x27;flex&#x27;,alignItems: &#x27;center&#x27;,justifyContent: &#x27;center&#x27;,zIndex: 1,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Menu/MenuSearch.tsx#L31">src/Graf/Node/components/Menu/MenuSearch.tsx:31</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="sidebar" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Sidebar</h3>
				<div class="tsd-signature tsd-kind-icon">Sidebar<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({alignSelf: &#x27;stretch&#x27;,zIndex: 2,display: &#x27;flex&#x27;,flex: 1,flexDirection: &#x27;column&#x27;,overflow: &#x27;hidden&#x27;,position: &#x27;relative&#x27;,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/Editor.tsx#L45">src/editor/Editor.tsx:45</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="themeprovider" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Theme<wbr>Provider</h3>
				<div class="tsd-signature tsd-kind-icon">Theme<wbr>Provider<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ComponentType</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">ContainerProviderProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = useThemesStateContainer.Provider</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/state/containers/theme.tsx#L14">src/state/containers/theme.tsx:14</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="treesstateprovider" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Trees<wbr>State<wbr>Provider</h3>
				<div class="tsd-signature tsd-kind-icon">Trees<wbr>State<wbr>Provider<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">ComponentType</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">ContainerProviderProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = useTreesStateContainer.Provider</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/state/containers/trees.tsx#L68">src/state/containers/trees.tsx:68</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="triangle" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Triangle</h3>
				<div class="tsd-signature tsd-kind-icon">Triangle<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({width: 0,height: 0,borderLeft: &#x60;10px solid transparent&#x60;,borderRight: &#x60;10px solid transparent&#x60;,borderBottom: &#x60;15px solid ${Colors.pink[10]}&#x60;,margin: &#x27;auto&#x27;,marginBottom: -1,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Menu/Menu.tsx#L4">src/Graf/Node/components/Menu/Menu.tsx:4</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="type" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Type</h3>
				<div class="tsd-signature tsd-kind-icon">Type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({ fontSize: 10, color: Colors.green[0] })</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Field/ActiveField.tsx#L37">src/Graf/Node/Field/ActiveField.tsx:37</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Field/PaintField.tsx#L40">src/Graf/Node/Field/PaintField.tsx:40</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/InputValue/ActiveInputValue.tsx#L39">src/Graf/Node/InputValue/ActiveInputValue.tsx:39</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="unrelatednode" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Un<wbr>Related<wbr>Node</h3>
				<div class="tsd-signature tsd-kind-icon">Un<wbr>Related<wbr>Node<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({opacity: 0.2,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L68">src/Graf/Node/PaintNode.tsx:68</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="validationworker" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Validation<wbr>Worker</h3>
				<div class="tsd-signature tsd-kind-icon">Validation<wbr>Worker<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">any</span><span class="tsd-signature-symbol"> = new Worker()</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/worker/index.ts#L4">src/worker/index.ts:4</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="wrapper" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Wrapper</h3>
				<div class="tsd-signature tsd-kind-icon">Wrapper<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({width: &#x27;100%&#x27;,height: &#x27;100%&#x27;,overflowX: &#x27;hidden&#x27;,position: &#x27;relative&#x27;,background: &#x60;#0b050d&#x60;,overflowY: &#x27;auto&#x27;,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Menu/Menu.tsx#L14">src/Graf/Node/components/Menu/Menu.tsx:14</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Menu/MenuSearch.tsx#L51">src/Graf/Node/components/Menu/MenuSearch.tsx:51</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Graf.tsx#L13">src/Graf/Graf.tsx:13</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="xiconcontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> XIcon<wbr>Container</h3>
				<div class="tsd-signature tsd-kind-icon">XIcon<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = style({position: &#x27;absolute&#x27;,height: 24,width: 24,right: 10,display: &#x27;flex&#x27;,alignItems: &#x27;center&#x27;,justifyContent: &#x27;center&#x27;,cursor: &#x27;pointer&#x27;,zIndex: 1,})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Menu/MenuSearch.tsx#L40">src/Graf/Node/components/Menu/MenuSearch.tsx:40</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="animationname" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> animation<wbr>Name</h3>
				<div class="tsd-signature tsd-kind-icon">animation<wbr>Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = keyframes({[&#x27;0%&#x27;]: {transform: &#x60;rotate(0deg)&#x60;,},[&#x27;100%&#x27;]: {transform: &#x60;rotate(360deg)&#x60;,},})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/style/Code.tsx#L5">src/editor/code/style/Code.tsx:5</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="codelock" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagLet">Let</span> code<wbr>Lock</h3>
				<div class="tsd-signature tsd-kind-icon">code<wbr>Lock<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/Editor.tsx#L70">src/editor/Editor.tsx:70</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="ctx" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> ctx</h3>
				<div class="tsd-signature tsd-kind-icon">ctx<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Worker</span><span class="tsd-signature-symbol"> = self as any</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/worker/validation.worker.ts#L2">src/worker/validation.worker.ts:2</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="docscolor" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> docs<wbr>Color</h3>
				<div class="tsd-signature tsd-kind-icon">docs<wbr>Color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#139c99"</span><span class="tsd-signature-symbol"> = Colors.blue[2]</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/theme.ts#L5">src/editor/code/monaco/theme.ts:5</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="fadein" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> fade<wbr>In</h3>
				<div class="tsd-signature tsd-kind-icon">fade<wbr>In<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = keyframes({[&#x27;0%&#x27;]: {opacity: 0.0,},[&#x27;100%&#x27;]: {opacity: 1.0,},})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L27">src/Graf/Node/ActiveNode/index.tsx:27</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="fontfamily" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> font<wbr>Family</h3>
				<div class="tsd-signature tsd-kind-icon">font<wbr>Family<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"&#x27;Fira Mono&#x27;, &#x27;Monaco&#x27;, &#x27;Menlo&#x27;, &#x27;Ubuntu Mono&#x27;, &#x27;Consolas&#x27;, &#x27;source-code-pro&#x27;, monospace"</span><span class="tsd-signature-symbol"> = &#x60;&#x27;Fira Mono&#x27;, &#x27;Monaco&#x27;, &#x27;Menlo&#x27;, &#x27;Ubuntu Mono&#x27;, &#x27;Consolas&#x27;, &#x27;source-code-pro&#x27;, monospace&#x60;</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/vars.tsx#L3">src/vars.tsx:3</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="language" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> language</h3>
				<div class="tsd-signature tsd-kind-icon">language<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">IMonarchLanguage</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">Thenable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">IMonarchLanguage</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = &lt;monaco.languages.IMonarchLanguage | monaco.Thenable&lt;monaco.languages.IMonarchLanguage&gt;&gt;{// Set defaultToken to invalid to see what you do not tokenize yetdefaultToken: &#x27;invalid&#x27;,tokenPostfix: &#x27;.gql&#x27;,keywords: [&#x27;null&#x27;, &#x27;true&#x27;, &#x27;false&#x27;, &#x27;query&#x27;, &#x27;mutation&#x27;, &#x27;subscription&#x27;, &#x27;schema&#x27;, &#x27;implements&#x27;, &#x27;fragment&#x27;, &#x27;on&#x27;],inputs: [&#x27;input&#x27;],types: [&#x27;type&#x27;],interfaces: [&#x27;interface&#x27;],enums: [&#x27;enum&#x27;],unions: [&#x27;union&#x27;],scalars: [&#x27;scalar&#x27;],extends: [&#x27;extend&#x27;],directives: [&#x27;directive&#x27;],typeKeywords: [&#x27;Int&#x27;, &#x27;Float&#x27;, &#x27;String&#x27;, &#x27;Boolean&#x27;, &#x27;ID&#x27;],directiveLocations: [&#x27;SCHEMA&#x27;,&#x27;SCALAR&#x27;,&#x27;OBJECT&#x27;,&#x27;FIELD_DEFINITION&#x27;,&#x27;ARGUMENT_DEFINITION&#x27;,&#x27;INTERFACE&#x27;,&#x27;UNION&#x27;,&#x27;ENUM&#x27;,&#x27;ENUM_VALUE&#x27;,&#x27;INPUT_OBJECT&#x27;,&#x27;INPUT_FIELD_DEFINITION&#x27;,&#x27;QUERY&#x27;,&#x27;MUTATION&#x27;,&#x27;SUBSCRIPTION&#x27;,&#x27;FIELD&#x27;,&#x27;FRAGMENT_DEFINITION&#x27;,&#x27;FRAGMENT_SPREAD&#x27;,&#x27;INLINE_FRAGMENT&#x27;,&#x27;VARIABLE_DEFINITION&#x27;,],operators: [&#x27;&#x3D;&#x27;, &#x27;!&#x27;, &#x27;?&#x27;, &#x27;:&#x27;, &#x27;&amp;&#x27;, &#x27;|&#x27;],// we include these common regular expressionssymbols: /[&#x3D;!?:&amp;|]+/,// https://facebook.github.io/graphql/draft/#sec-String-Valueescapes: /\\(?:[&quot;\\\/bfnrt]|u[0-9A-Fa-f]{4})/,// The main tokenizer for our languagestokenizer: {root: [// identifiers and keywords[/\!/,{token: &#x27;exclamation&#x27;,},],[/[a-z_$][\w$]*/,{cases: {&#x27;@keywords&#x27;: &#x27;keyword&#x27;,&#x27;@inputs&#x27;: &#x27;input&#x27;,&#x27;@types&#x27;: &#x27;type&#x27;,&#x27;@interfaces&#x27;: &#x27;interface&#x27;,&#x27;@enums&#x27;: &#x27;enum&#x27;,&#x27;@unions&#x27;: &#x27;union&#x27;,&#x27;@scalars&#x27;: &#x27;scalar&#x27;,&#x27;@extends&#x27;: &#x27;extend&#x27;,&#x27;@directives&#x27;: &#x27;directive&#x27;,&#x27;@default&#x27;: &#x27;identifier&#x27;,},},],[/[A-Z][\w\$]*/,{cases: {&#x27;@typeKeywords&#x27;: &#x27;scalar&#x27;,&#x27;@default&#x27;: &#x27;identifier&#x27;,},},],[/@[\w\$]*/,{cases: {&#x27;@default&#x27;: &#x27;identifier&#x27;,},},],// whitespace{ include: &#x27;@whitespace&#x27; },// delimiters and operators[/[{}()\[\]]/, &#x27;@brackets&#x27;],[/@symbols/, { cases: { &#x27;@operators&#x27;: &#x27;operator&#x27;, &#x27;@default&#x27;: &#x27;&#x27; } }],// numbers[/\d*\.\d+([eE][\-+]?\d+)?/, &#x27;number.float&#x27;],[/0[xX][0-9a-fA-F]+/, &#x27;number.hex&#x27;],[/\d+/, &#x27;number&#x27;],// delimiter: after number because of .\d floats[/[;,.]/, &#x27;delimiter&#x27;],[&#x60;&quot;&quot;&quot;&#x60;, { token: &#x27;string.doc&#x27;, next: &#x27;@mlstring&#x27;, nextEmbedded: &#x27;markdown&#x27; }],// strings[/&quot;([^&quot;\\]|\\.)*$/, &#x27;string.invalid&#x27;], // non-teminated string[/&quot;/, { token: &#x27;string.quote&#x27;, bracket: &#x27;@open&#x27;, next: &#x27;@string&#x27; }],],mlstring: [[&#x60;&quot;&quot;&quot;&#x60;, { token: &#x27;string.doc&#x27;, next: &#x27;@pop&#x27;, nextEmbedded: &#x27;@pop&#x27; }]],string: [[/[^\\&quot;]+/, &#x27;string&#x27;],[/@escapes/, &#x27;string.escape&#x27;],[/\\./, &#x27;string.escape.invalid&#x27;],[/&quot;/, { token: &#x27;string.quote&#x27;, bracket: &#x27;@close&#x27;, next: &#x27;@pop&#x27; }],],whitespace: [[/[\s\t\r\n]+/, &#x27;&#x27;],[/#.*$/, &#x27;comment&#x27;],],},}</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/language.ts#L31">src/editor/code/monaco/language.ts:31</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="menuwidth" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> menu<wbr>Width</h3>
				<div class="tsd-signature tsd-kind-icon">menu<wbr>Width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">46</span><span class="tsd-signature-symbol"> = 46</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/vars.tsx#L4">src/vars.tsx:4</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="sizesidebar" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> size<wbr>Sidebar</h3>
				<div class="tsd-signature tsd-kind-icon">size<wbr>Sidebar<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"25vw"</span><span class="tsd-signature-symbol"> = &quot;25vw&quot;</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/vars.tsx#L1">src/vars.tsx:1</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="snaplock" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagLet">Let</span> snap<wbr>Lock</h3>
				<div class="tsd-signature tsd-kind-icon">snap<wbr>Lock<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = true</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Graf.tsx#L53">src/Graf/Graf.tsx:53</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="transition" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> transition</h3>
				<div class="tsd-signature tsd-kind-icon">transition<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">".25s all"</span><span class="tsd-signature-symbol"> = &quot;.25s all&quot;</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/vars.tsx#L2">src/vars.tsx:2</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="treelock" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagLet">Let</span> tree<wbr>Lock</h3>
				<div class="tsd-signature tsd-kind-icon">tree<wbr>Lock<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> = false</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/Editor.tsx#L69">src/editor/Editor.tsx:69</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="useerrorsstate" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> use<wbr>Errors<wbr>State</h3>
				<div class="tsd-signature tsd-kind-icon">use<wbr>Errors<wbr>State<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Value</span><span class="tsd-signature-symbol"> = useErrorsStateContainer.useContainer</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/state/containers/errors.tsx#L12">src/state/containers/errors.tsx:12</a></li>
					</ul>
				</aside>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Value</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Value</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="useerrorsstatecontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> use<wbr>Errors<wbr>State<wbr>Container</h3>
				<div class="tsd-signature tsd-kind-icon">use<wbr>Errors<wbr>State<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Container</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-symbol">{ </span>codeErrors<span class="tsd-signature-symbol">: </span><a href="interfaces/editorerror.html" class="tsd-signature-type">EditorError</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>grafErrors<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>lockCode<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>lockGraf<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>setCodeErrors<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Dispatch</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SetStateAction</span><span class="tsd-signature-symbol">&lt;</span><a href="interfaces/editorerror.html" class="tsd-signature-type">EditorError</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">; </span>setGrafErrors<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Dispatch</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SetStateAction</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">; </span>setLockCode<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Dispatch</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SetStateAction</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">; </span>setLockGraf<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Dispatch</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SetStateAction</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = createContainer(() &#x3D;&gt; {const [codeErrors, setCodeErrors] &#x3D; useState&lt;EditorError[]&gt;([]);const [grafErrors, setGrafErrors] &#x3D; useState&lt;string&gt;();const [lockGraf, setLockGraf] &#x3D; useState&lt;boolean&gt;(false);const [lockCode, setLockCode] &#x3D; useState&lt;boolean&gt;(false);return { codeErrors, setCodeErrors, grafErrors, setGrafErrors, lockGraf, lockCode, setLockGraf, setLockCode };})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/state/containers/errors.tsx#L4">src/state/containers/errors.tsx:4</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="useiostate" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> useIOState</h3>
				<div class="tsd-signature tsd-kind-icon">useIOState<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Value</span><span class="tsd-signature-symbol"> = useIOStateContainer.useContainer</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/state/containers/io.tsx#L48">src/state/containers/io.tsx:48</a></li>
					</ul>
				</aside>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Value</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Value</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="useiostatecontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> useIOState<wbr>Container</h3>
				<div class="tsd-signature tsd-kind-icon">useIOState<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Container</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-symbol">{ </span>setActions<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Dispatch</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SetStateAction</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Partial</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol">&lt;</span><a href="enums/keyboardactions.html" class="tsd-signature-type">KeyboardActions</a><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">Function</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = createContainer(() &#x3D;&gt; {const [actions, setActions] &#x3D; useState&lt;Partial&lt;Record&lt;KeyboardActions, Function&gt;&gt;&gt;({});const on &#x3D; (action: KeyboardActions) &#x3D;&gt; {actions[action]?.();};useEffect(() &#x3D;&gt; {const handleKeyboard &#x3D; (event: KeyboardEvent) &#x3D;&gt; {//   if (DOM.panLock) return;const ctrl &#x3D; event.ctrlKey || event.metaKey;if (event.key &#x3D;&#x3D;&#x3D; &#x27;m&#x27;) {}if (event.key &#x3D;&#x3D;&#x3D; &#x27;Delete&#x27;) {on(KeyboardActions.Delete);}if (event.key &#x3D;&#x3D;&#x3D; &#x27;Backspace&#x27;) {on(KeyboardActions.Delete);}if (event.key &#x3D;&#x3D;&#x3D; &#x27;z&#x27; &amp;&amp; ctrl &amp;&amp; !event.shiftKey) {on(KeyboardActions.Undo);}if (event.key &#x3D;&#x3D;&#x3D; &#x27;z&#x27; &amp;&amp; ctrl &amp;&amp; event.shiftKey) {on(KeyboardActions.Redo);}if (event.key &#x3D;&#x3D;&#x3D; &#x27;s&#x27; &amp;&amp; ctrl) {event.preventDefault();on(KeyboardActions.Save);}};document.addEventListener(&#x27;keydown&#x27;, handleKeyboard);return () &#x3D;&gt; {document.removeEventListener(&#x27;keydown&#x27;, handleKeyboard);};}, [actions]);return {setActions,};})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/state/containers/io.tsx#L10">src/state/containers/io.tsx:10</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="usenavigationstate" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> use<wbr>Navigation<wbr>State</h3>
				<div class="tsd-signature tsd-kind-icon">use<wbr>Navigation<wbr>State<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Value</span><span class="tsd-signature-symbol"> = useNavigationStateContainer.useContainer</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/state/containers/navigation.tsx#L9">src/state/containers/navigation.tsx:9</a></li>
					</ul>
				</aside>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Value</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Value</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="usenavigationstatecontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> use<wbr>Navigation<wbr>State<wbr>Container</h3>
				<div class="tsd-signature tsd-kind-icon">use<wbr>Navigation<wbr>State<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Container</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-symbol">{ </span>menuState<span class="tsd-signature-symbol">: </span><a href="globals.html#activepane" class="tsd-signature-type">ActivePane</a><span class="tsd-signature-symbol">; </span>setMenuState<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Dispatch</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SetStateAction</span><span class="tsd-signature-symbol">&lt;</span><a href="globals.html#activepane" class="tsd-signature-type">ActivePane</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = createContainer(() &#x3D;&gt; {const [menuState, setMenuState] &#x3D; useState&lt;ActivePane&gt;(&#x27;diagram&#x27;);return { menuState, setMenuState };})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/state/containers/navigation.tsx#L4">src/state/containers/navigation.tsx:4</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="usetheme" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> use<wbr>Theme</h3>
				<div class="tsd-signature tsd-kind-icon">use<wbr>Theme<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Value</span><span class="tsd-signature-symbol"> = useThemesStateContainer.useContainer</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/state/containers/theme.tsx#L13">src/state/containers/theme.tsx:13</a></li>
					</ul>
				</aside>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Value</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Value</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="usethemesstatecontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> use<wbr>Themes<wbr>State<wbr>Container</h3>
				<div class="tsd-signature tsd-kind-icon">use<wbr>Themes<wbr>State<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Container</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-symbol">{ </span>setTheme<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Dispatch</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SetStateAction</span><span class="tsd-signature-symbol">&lt;</span><a href="interfaces/themedefinition.html" class="tsd-signature-type">ThemeDefinition</a><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">; </span>theme<span class="tsd-signature-symbol">: </span><a href="interfaces/themedefinition.html" class="tsd-signature-type">ThemeDefinition</a><span class="tsd-signature-symbol">; </span>themed<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">themed</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = createContainer(() &#x3D;&gt; {const [theme, setTheme] &#x3D; useState&lt;ThemeDefinition&gt;(MainTheme);const themed &#x3D; (themeKey: keyof ThemeDefinition) &#x3D;&gt; (className: string) &#x3D;&gt;[className, style(theme[themeKey])].join(&#x27; &#x27;);return { theme, setTheme, themed };})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/state/containers/theme.tsx#L6">src/state/containers/theme.tsx:6</a></li>
					</ul>
				</aside>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="usetreesstate" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> use<wbr>Trees<wbr>State</h3>
				<div class="tsd-signature tsd-kind-icon">use<wbr>Trees<wbr>State<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">Value</span><span class="tsd-signature-symbol"> = useTreesStateContainer.useContainer</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/state/containers/trees.tsx#L67">src/state/containers/trees.tsx:67</a></li>
					</ul>
				</aside>
				<div class="tsd-type-declaration">
					<h4>Type declaration</h4>
					<ul class="tsd-parameters">
						<li class="tsd-parameter-signature">
							<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
								<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Value</span></li>
							</ul>
							<ul class="tsd-descriptions">
								<li class="tsd-description">
									<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Value</span></h4>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-variable">
				<a name="usetreesstatecontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> use<wbr>Trees<wbr>State<wbr>Container</h3>
				<div class="tsd-signature tsd-kind-icon">use<wbr>Trees<wbr>State<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Container</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-symbol">{ </span>future<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">future</span><span class="tsd-signature-symbol">; </span>libraryTree<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserTree</span><span class="tsd-signature-symbol">; </span>past<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">past</span><span class="tsd-signature-symbol">; </span>position<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>offsetLeft<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>offsetTop<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>width<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">; </span>readonly<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>relatedToSelected<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">(Anonymous function)</span><span class="tsd-signature-symbol">; </span>selectedNode<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>dataType<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">AllTypes</span><span class="tsd-signature-symbol">; </span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">; </span>selectedNodeRef<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">RefObject</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLDivElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">; </span>setLibraryTree<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Dispatch</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SetStateAction</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">ParserTree</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">; </span>setPosition<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Dispatch</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SetStateAction</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>offsetLeft<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>offsetTop<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>width<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">; </span>setReadonly<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Dispatch</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SetStateAction</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">; </span>setSelectedNode<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Dispatch</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SetStateAction</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>dataType<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">AllTypes</span><span class="tsd-signature-symbol">; </span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">; </span>setSnapshots<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Dispatch</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SetStateAction</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">; </span>setTree<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Dispatch</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SetStateAction</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">ParserTree</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">; </span>setUndos<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Dispatch</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SetStateAction</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">; </span>snapshots<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>tree<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserTree</span><span class="tsd-signature-symbol">; </span>undos<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = createContainer(() &#x3D;&gt; {const [tree, setTree] &#x3D; useState&lt;ParserTree&gt;({ nodes: [] });const [libraryTree, setLibraryTree] &#x3D; useState&lt;ParserTree&gt;({ nodes: [] });const [snapshots, setSnapshots] &#x3D; useState&lt;string[]&gt;([]);const [undos, setUndos] &#x3D; useState&lt;string[]&gt;([]);const [selectedNode, setSelectedNode] &#x3D; useState&lt;{ name: string; dataType: AllTypes }&gt;();const selectedNodeRef &#x3D; useRef&lt;HTMLDivElement&gt;(null);const [readonly, setReadonly] &#x3D; useState(false);const [position, setPosition] &#x3D; useState&lt;{offsetLeft: number;offsetTop: number;width: number;}&gt;();const past &#x3D; () &#x3D;&gt; {const p &#x3D; snapshots.pop();if (p) {setUndos((u) &#x3D;&gt; [...u, p]);setSnapshots([...snapshots]);return p;}};const future &#x3D; () &#x3D;&gt; {const p &#x3D; undos.pop();if (p) {setUndos([...undos]);setSnapshots((s) &#x3D;&gt; [...s, p]);return p;}};const relatedToSelected &#x3D; useCallback(() &#x3D;&gt; {const node &#x3D;tree.nodes.find((n) &#x3D;&gt; n.name &#x3D;&#x3D;&#x3D; selectedNode?.name &amp;&amp; n.data.type &#x3D;&#x3D;&#x3D; selectedNode.dataType) ||libraryTree.nodes.find((n) &#x3D;&gt; n.name &#x3D;&#x3D;&#x3D; selectedNode?.name &amp;&amp; n.data.type &#x3D;&#x3D;&#x3D; selectedNode.dataType);if (node) {return node.args?.map((a) &#x3D;&gt; a.type.name);}}, [selectedNode]);return {tree,setTree,libraryTree,setLibraryTree,snapshots,setSnapshots,selectedNode,setSelectedNode,selectedNodeRef,position,setPosition,past,undos,setUndos,future,relatedToSelected,readonly,setReadonly,};})</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/state/containers/trees.tsx#L4">src/state/containers/trees.tsx:4</a></li>
					</ul>
				</aside>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Functions</h2>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="activeargument" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Active<wbr>Argument</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Active<wbr>Argument<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>inputDisabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>inputOpen<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>isLocked<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>last<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>onDelete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onInputClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onOutputClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>outputDisabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>outputOpen<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>parentNode<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>parentNodeTypeName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Argument/ActiveArgument.tsx#L97">src/Graf/Node/Argument/ActiveArgument.tsx:97</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>inputDisabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>inputOpen<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>isLocked<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>last<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>onDelete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onInputClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onOutputClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>outputDisabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>outputOpen<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>parentNode<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>parentNodeTypeName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>input<wbr>Disabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>input<wbr>Open<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>is<wbr>Locked<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>last<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Delete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Input<wbr>Click<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Output<wbr>Click<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>output<wbr>Disabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>output<wbr>Open<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>parent<wbr>Node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>parent<wbr>Node<wbr>Type<wbr>Name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="activeargumentname" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Active<wbr>Argument<wbr>Name</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Active<wbr>Argument<wbr>Name<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>afterChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>newName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Argument/ActiveArgumentName.tsx#L7">src/Graf/Node/Argument/ActiveArgumentName.tsx:7</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>afterChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>newName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>after<wbr>Change<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>newName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>newName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-parameters-title">Parameters</h4>
														<ul class="tsd-parameters">
															<li>
																<h5>newName: <span class="tsd-signature-type">string</span></h5>
															</li>
														</ul>
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="activedescription" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Active<wbr>Description</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Active<wbr>Description<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>className<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>isLocked<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>onChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>changedValue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Description/ActiveDescription.tsx#L22">src/Graf/Node/components/Description/ActiveDescription.tsx:22</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>className<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>isLocked<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>onChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>changedValue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>class<wbr>Name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>is<wbr>Locked<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Change<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>changedValue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>changedValue<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-parameters-title">Parameters</h4>
														<ul class="tsd-parameters">
															<li>
																<h5>changedValue: <span class="tsd-signature-type">string</span></h5>
															</li>
														</ul>
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="activedirective" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Active<wbr>Directive</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Active<wbr>Directive<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>inputDisabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>inputOpen<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>isLocked<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>last<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>onDelete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onInputClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onOutputClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>outputDisabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>outputOpen<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Directive/ActiveDirective.tsx#L42">src/Graf/Node/Directive/ActiveDirective.tsx:42</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>inputDisabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>inputOpen<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>isLocked<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>last<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>onDelete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onInputClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onOutputClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>outputDisabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>outputOpen<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>input<wbr>Disabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>input<wbr>Open<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>is<wbr>Locked<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>last<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Delete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Input<wbr>Click<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Output<wbr>Click<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>output<wbr>Disabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>output<wbr>Open<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="activefield" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Active<wbr>Field</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Active<wbr>Field<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>inputDisabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>inputOpen<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>isLocked<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>last<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>onDelete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onInputClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onOutputClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>outputDisabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>outputOpen<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>parentNodeTypeName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Field/ActiveField.tsx#L44">src/Graf/Node/Field/ActiveField.tsx:44</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>inputDisabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>inputOpen<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>isLocked<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>last<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>onDelete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onInputClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onOutputClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>outputDisabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>outputOpen<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>parentNodeTypeName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>input<wbr>Disabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>input<wbr>Open<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>is<wbr>Locked<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>last<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Delete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Input<wbr>Click<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Output<wbr>Click<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>output<wbr>Disabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>output<wbr>Open<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>parent<wbr>Node<wbr>Type<wbr>Name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="activefieldname" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Active<wbr>Field<wbr>Name</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Active<wbr>Field<wbr>Name<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>afterChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>newName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">GraphQLNodeParams</span><span class="tsd-signature-symbol">; </span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Field/FieldName/ActiveFieldName.tsx#L19">src/Graf/Node/Field/FieldName/ActiveFieldName.tsx:19</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>afterChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>newName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">GraphQLNodeParams</span><span class="tsd-signature-symbol">; </span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>after<wbr>Change<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>newName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>newName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-parameters-title">Parameters</h4>
														<ul class="tsd-parameters">
															<li>
																<h5>newName: <span class="tsd-signature-type">string</span></h5>
															</li>
														</ul>
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">GraphQLNodeParams</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="activeinputvalue" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Active<wbr>Input<wbr>Value</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Active<wbr>Input<wbr>Value<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>inputDisabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>inputOpen<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>isLocked<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>last<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>onDelete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onInputClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onOutputClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>outputDisabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>outputOpen<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>parentNodeTypeName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/InputValue/ActiveInputValue.tsx#L88">src/Graf/Node/InputValue/ActiveInputValue.tsx:88</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>inputDisabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>inputOpen<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>isLocked<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>last<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>onDelete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onInputClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onOutputClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>outputDisabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>outputOpen<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">; </span>parentNodeTypeName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>input<wbr>Disabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>input<wbr>Open<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>is<wbr>Locked<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>last<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Delete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Input<wbr>Click<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Output<wbr>Click<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>output<wbr>Disabled<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>output<wbr>Open<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>parent<wbr>Node<wbr>Type<wbr>Name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="activeinputvaluename" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Active<wbr>Input<wbr>Value<wbr>Name</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Active<wbr>Input<wbr>Value<wbr>Name<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>afterChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>newName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/InputValue/ActiveInputValueName.tsx#L7">src/Graf/Node/InputValue/ActiveInputValueName.tsx:7</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>afterChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>newName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>after<wbr>Change<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>newName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>newName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-parameters-title">Parameters</h4>
														<ul class="tsd-parameters">
															<li>
																<h5>newName: <span class="tsd-signature-type">string</span></h5>
															</li>
														</ul>
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="activenode" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Active<wbr>Node</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Active<wbr>Node<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>sharedProps<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">sharedProps</a><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L129">src/Graf/Node/ActiveNode/index.tsx:129</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>sharedProps<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">sharedProps</a><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>shared<wbr>Props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">sharedProps</a></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="activetype" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Active<wbr>Type</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Active<wbr>Type<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>directiveOptions<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Directive</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>operations<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">OperationType</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Options</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Type/ActiveType.tsx#L5">src/Graf/Node/Type/ActiveType.tsx:5</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>directiveOptions<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Directive</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>operations<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">OperationType</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Options</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>directiveOptions<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Directive</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>operations<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">OperationType</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Options</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> }</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter">
												<h5><span class="tsd-flag ts-flagOptional">Optional</span> directive<wbr>Options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Directive</span><span class="tsd-signature-symbol">[]</span></h5>
											</li>
											<li class="tsd-parameter">
												<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
											</li>
											<li class="tsd-parameter">
												<h5><span class="tsd-flag ts-flagOptional">Optional</span> operations<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">OperationType</span><span class="tsd-signature-symbol">[]</span></h5>
											</li>
											<li class="tsd-parameter">
												<h5><span class="tsd-flag ts-flagOptional">Optional</span> options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Options</span><span class="tsd-signature-symbol">[]</span></h5>
											</li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="arrq" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Arrq</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Arrq<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">PropsWithChildren</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGSVGElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/icons/Arrq.tsx#L2">src/Graf/icons/Arrq.tsx:2</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <span class="tsd-signature-type">PropsWithChildren</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGSVGElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="changeallrelatednodes" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Change<wbr>All<wbr>Related<wbr>Nodes</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Change<wbr>All<wbr>Related<wbr>Nodes<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>newName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>nodes<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>oldName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/GraphQL/Resolve/Related.tsx#L20">src/GraphQL/Resolve/Related.tsx:20</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>newName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>nodes<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>oldName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>new<wbr>Name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>nodes<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>old<wbr>Name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="changerelatednode" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Change<wbr>Related<wbr>Node</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Change<wbr>Related<wbr>Node<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>newName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>oldName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/GraphQL/Resolve/Related.tsx#L3">src/GraphQL/Resolve/Related.tsx:3</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>newName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>oldName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>new<wbr>Name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>old<wbr>Name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="code" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Code</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Code<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/icons/index.tsx#L43">src/editor/icons/index.tsx:43</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="codepane" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Code<wbr>Pane</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Code<wbr>Pane<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="globals.html#codepaneprops" class="tsd-signature-type">CodePaneProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/CodePane.tsx#L34">src/editor/code/CodePane.tsx:34</a></li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>React compontent holding GraphQL IDE</p>
							</div>
						</div>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <a href="globals.html#codepaneprops" class="tsd-signature-type">CodePaneProps</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="convertstringtoobject" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Convert<wbr>String<wbr>ToObject</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Convert<wbr>String<wbr>ToObject<span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/GraphQL/Convert/index.tsx#L3">src/GraphQL/Convert/index.tsx:3</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>value: <span class="tsd-signature-type">string</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="convertvaluenodetostring" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Convert<wbr>Value<wbr>Node<wbr>ToString</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Convert<wbr>Value<wbr>Node<wbr>ToString<span class="tsd-signature-symbol">(</span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/GraphQL/Convert/index.tsx#L24">src/GraphQL/Convert/index.tsx:24</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>node: <span class="tsd-signature-type">ParserField</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="convertvaluetoeditablestring" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Convert<wbr>Value<wbr>ToEditable<wbr>String</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Convert<wbr>Value<wbr>ToEditable<wbr>String<span class="tsd-signature-symbol">(</span>f<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/GraphQL/Convert/index.tsx#L19">src/GraphQL/Convert/index.tsx:19</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>f: <span class="tsd-signature-type">ParserField</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="detailmenuitem" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Detail<wbr>Menu<wbr>Item</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Detail<wbr>Menu<wbr>Item<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol">; </span>onClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Menu/DetailMenuItem.tsx#L29">src/Graf/Node/components/Menu/DetailMenuItem.tsx:29</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol">; </span>onClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Click<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="dynamicresize" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Dynamic<wbr>Resize</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Dynamic<wbr>Resize<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol">; </span>disabledClass<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>resizeCallback<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ResizeCallback</span><span class="tsd-signature-symbol">; </span>width<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">TLength</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/Components.tsx#L23">src/editor/code/Components.tsx:23</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol">; </span>disabledClass<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>resizeCallback<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ResizeCallback</span><span class="tsd-signature-symbol">; </span>width<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">TLength</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>disabled<wbr>Class<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>resize<wbr>Callback<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ResizeCallback</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>width<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">TLength</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="editabledefaultvalue" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Editable<wbr>Default<wbr>Value</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Editable<wbr>Default<wbr>Value<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>autoFocus<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>onChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span>style<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CSSProperties</span><span class="tsd-signature-symbol">; </span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/EditableDefaultValue/index.tsx#L23">src/Graf/Node/components/EditableDefaultValue/index.tsx:23</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>autoFocus<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>onChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span>style<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CSSProperties</span><span class="tsd-signature-symbol">; </span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>auto<wbr>Focus<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Change<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>style<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">CSSProperties</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="editabletext" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Editable<wbr>Text</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Editable<wbr>Text<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>autoFocus<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>fontSize<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>onChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/EditableText/index.tsx#L21">src/Graf/Node/components/EditableText/index.tsx:21</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>autoFocus<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>fontSize<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">; </span>onChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>auto<wbr>Focus<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>font<wbr>Size<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">number</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Change<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="editor" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Editor</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Editor<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>activePane<span class="tsd-signature-symbol">: </span><a href="globals.html#activepane" class="tsd-signature-type">ActivePane</a><span class="tsd-signature-symbol">; </span>initialSizeOfSidebar<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">TLength</span><span class="tsd-signature-symbol">; </span>onPaneChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>pane<span class="tsd-signature-symbol">: </span><a href="globals.html#activepane" class="tsd-signature-type">ActivePane</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span>onSchemaChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/passedschema.html" class="tsd-signature-type">PassedSchema</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span>placeholder<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>readonly<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/Editor.tsx#L72">src/editor/Editor.tsx:72</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>activePane<span class="tsd-signature-symbol">: </span><a href="globals.html#activepane" class="tsd-signature-type">ActivePane</a><span class="tsd-signature-symbol">; </span>initialSizeOfSidebar<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">TLength</span><span class="tsd-signature-symbol">; </span>onPaneChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>pane<span class="tsd-signature-symbol">: </span><a href="globals.html#activepane" class="tsd-signature-type">ActivePane</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span>onSchemaChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/passedschema.html" class="tsd-signature-type">PassedSchema</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">; </span>placeholder<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>readonly<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>active<wbr>Pane<span class="tsd-signature-symbol">: </span><a href="globals.html#activepane" class="tsd-signature-type">ActivePane</a></h5>
									</li>
									<li class="tsd-parameter">
										<h5>initial<wbr>Size<wbr>OfSidebar<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">TLength</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Pane<wbr>Change<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>pane<span class="tsd-signature-symbol">: </span><a href="globals.html#activepane" class="tsd-signature-type">ActivePane</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Schema<wbr>Change<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/passedschema.html" class="tsd-signature-type">PassedSchema</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>placeholder<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">string</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>readonly<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter">
												<h5>code<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
											</li>
											<li class="tsd-parameter">
												<h5>libraries<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
											</li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="extendnodemenu" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Extend<wbr>Node<wbr>Menu</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Extend<wbr>Node<wbr>Menu<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>hideMenu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ContextMenu/ExtendNodeMenu/index.tsx#L12">src/Graf/Node/ContextMenu/ExtendNodeMenu/index.tsx:12</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>hideMenu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>hide<wbr>Menu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="eye" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Eye</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Eye<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/icons/index.tsx#L95">src/editor/icons/index.tsx:95</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="eyeoff" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Eye<wbr>Off</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Eye<wbr>Off<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/icons/index.tsx#L113">src/editor/icons/index.tsx:113</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="fieldport" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Field<wbr>Port</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Field<wbr>Port<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol">; </span>info<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>message<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>placement<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"top"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"bottom"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"left"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"right"</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">; </span>onClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>open<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>icons<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/FieldPort/index.tsx#L81">src/Graf/Node/components/FieldPort/index.tsx:81</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol">; </span>info<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>message<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>placement<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"top"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"bottom"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"left"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"right"</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">; </span>onClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>open<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>icons<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>info<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>message<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>placement<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"top"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"bottom"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"left"</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">"right"</span><span class="tsd-signature-symbol"> }</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Click<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>open<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>icons<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">object</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter">
												<h5>closed<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"Plus"</span></h5>
											</li>
											<li class="tsd-parameter">
												<h5>open<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">"Minus"</span></h5>
											</li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="filter" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Filter</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Filter<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/icons/index.tsx#L224">src/editor/icons/index.tsx:224</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="fullscreen" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Full<wbr>Screen</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Full<wbr>Screen<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/icons/index.tsx#L60">src/editor/icons/index.tsx:60</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="graf" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Graf</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Graf<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Graf.tsx#L55">src/Graf/Graf.tsx:55</a></li>
							</ul>
						</aside>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="graphqleditor" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> GraphQLEditor</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">GraphQLEditor<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/editorprops.html" class="tsd-signature-type">EditorProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/index.tsx#L11">src/editor/index.tsx:11</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <a href="interfaces/editorprops.html" class="tsd-signature-type">EditorProps</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="graphqlerrortoeditorerrors" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> GraphQLError<wbr>ToEditor<wbr>Errors</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">GraphQLError<wbr>ToEditor<wbr>Errors<span class="tsd-signature-symbol">(</span>e<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">GraphQLError</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="interfaces/editorerror.html" class="tsd-signature-type">EditorError</a><span class="tsd-signature-symbol">[]</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/validation.ts#L12">src/validation.ts:12</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>e: <span class="tsd-signature-type">GraphQLError</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <a href="interfaces/editorerror.html" class="tsd-signature-type">EditorError</a><span class="tsd-signature-symbol">[]</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="hide" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Hide</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Hide<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/icons/index.tsx#L7">src/editor/icons/index.tsx:7</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="hierarchy" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Hierarchy</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Hierarchy<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/index.tsx#L13">src/Hierarchy/index.tsx:13</a></li>
							</ul>
						</aside>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="interface" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Interface</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Interface<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">PropsWithChildren</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGSVGElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/icons/Interface.tsx#L2">src/Graf/icons/Interface.tsx:2</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <span class="tsd-signature-type">PropsWithChildren</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGSVGElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="layers" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Layers</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Layers<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/icons/index.tsx#L76">src/editor/icons/index.tsx:76</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="lock" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Lock</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Lock<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/icons/index.tsx#L293">src/editor/icons/index.tsx:293</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="menu" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Menu</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Menu<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>activePane<span class="tsd-signature-symbol">: </span><a href="globals.html#activepane" class="tsd-signature-type">ActivePane</a><span class="tsd-signature-symbol">; </span>setActivePane<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>pane<span class="tsd-signature-symbol">: </span><a href="globals.html#activepane" class="tsd-signature-type">ActivePane</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
					<li class="tsd-signature tsd-kind-icon">Menu<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol">; </span>hideMenu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/Menu.tsx#L42">src/editor/Menu.tsx:42</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>activePane<span class="tsd-signature-symbol">: </span><a href="globals.html#activepane" class="tsd-signature-type">ActivePane</a><span class="tsd-signature-symbol">; </span>setActivePane<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>pane<span class="tsd-signature-symbol">: </span><a href="globals.html#activepane" class="tsd-signature-type">ActivePane</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>active<wbr>Pane<span class="tsd-signature-symbol">: </span><a href="globals.html#activepane" class="tsd-signature-type">ActivePane</a></h5>
									</li>
									<li class="tsd-parameter">
										<h5>set<wbr>Active<wbr>Pane<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>pane<span class="tsd-signature-symbol">: </span><a href="globals.html#activepane" class="tsd-signature-type">ActivePane</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>pane<span class="tsd-signature-symbol">: </span><a href="globals.html#activepane" class="tsd-signature-type">ActivePane</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-parameters-title">Parameters</h4>
														<ul class="tsd-parameters">
															<li>
																<h5>pane: <a href="globals.html#activepane" class="tsd-signature-type">ActivePane</a></h5>
															</li>
														</ul>
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Menu/Menu.tsx#L28">src/Graf/Node/components/Menu/Menu.tsx:28</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol">; </span>hideMenu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>hide<wbr>Menu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="menuitem" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Menu<wbr>Item</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Menu<wbr>Item<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>onClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Menu/MenuItem.tsx#L38">src/Graf/Node/components/Menu/MenuItem.tsx:38</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>onClick<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Click<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="menuscrollingarea" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Menu<wbr>Scrolling<wbr>Area</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Menu<wbr>Scrolling<wbr>Area<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol">; </span>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Menu/MenuScrollingArea.tsx#L16">src/Graf/Node/components/Menu/MenuScrollingArea.tsx:16</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol">; </span>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="menusearch" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Menu<wbr>Search</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Menu<wbr>Search<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>onChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>v<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onClear<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Menu/MenuSearch.tsx#L57">src/Graf/Node/components/Menu/MenuSearch.tsx:57</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>onChange<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>v<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onClear<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>on<wbr>Change<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>v<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>v<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-parameters-title">Parameters</h4>
														<ul class="tsd-parameters">
															<li>
																<h5>v: <span class="tsd-signature-type">string</span></h5>
															</li>
														</ul>
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Clear<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>value<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="minus" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Minus</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Minus<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
					<li class="tsd-signature tsd-kind-icon">Minus<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">PropsWithChildren</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGSVGElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/icons/index.tsx#L188">src/editor/icons/index.tsx:188</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/icons/Minus.tsx#L2">src/Graf/icons/Minus.tsx:2</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <span class="tsd-signature-type">PropsWithChildren</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGSVGElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="monkey" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Monkey</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Monkey<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">PropsWithChildren</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGSVGElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/icons/Monkey.tsx#L2">src/Graf/icons/Monkey.tsx:2</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <span class="tsd-signature-type">PropsWithChildren</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGSVGElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="more" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> More</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">More<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">PropsWithChildren</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGSVGElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/icons/More.tsx#L2">src/Graf/icons/More.tsx:2</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <span class="tsd-signature-type">PropsWithChildren</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGSVGElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="morevalues" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> More<wbr>Values</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">More<wbr>Values<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">PropsWithChildren</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGSVGElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/icons/MoreValues.tsx#L2">src/Graf/icons/MoreValues.tsx:2</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <span class="tsd-signature-type">PropsWithChildren</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGSVGElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="newnode" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> New<wbr>Node</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">New<wbr>Node<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>onCreate<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L98">src/Graf/Node/NewNode.tsx:98</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>onCreate<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Create<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-parameters-title">Parameters</h4>
														<ul class="tsd-parameters">
															<li>
																<h5>name: <span class="tsd-signature-type">string</span></h5>
															</li>
														</ul>
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="nodeadddirectivemenu" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Node<wbr>Add<wbr>Directive<wbr>Menu</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Node<wbr>Add<wbr>Directive<wbr>Menu<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>hideMenu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ContextMenu/NodeAddDirectiveMenu/index.tsx#L13">src/Graf/Node/ContextMenu/NodeAddDirectiveMenu/index.tsx:13</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>hideMenu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>hide<wbr>Menu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="nodeaddfieldmenu" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Node<wbr>Add<wbr>Field<wbr>Menu</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Node<wbr>Add<wbr>Field<wbr>Menu<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>hideMenu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ContextMenu/NodeAddFieldMenu/index.tsx#L13">src/Graf/Node/ContextMenu/NodeAddFieldMenu/index.tsx:13</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>hideMenu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>hide<wbr>Menu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="nodedirectiveoptionsmenu" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Node<wbr>Directive<wbr>Options<wbr>Menu</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Node<wbr>Directive<wbr>Options<wbr>Menu<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>hideMenu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ContextMenu/NodeDirectiveOptionsMenu/index.tsx#L18">src/Graf/Node/ContextMenu/NodeDirectiveOptionsMenu/index.tsx:18</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>hideMenu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>hide<wbr>Menu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="nodefieldcontainer" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Node<wbr>Field<wbr>Container</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Node<wbr>Field<wbr>Container<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol">; </span>className<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/NodeFieldContainer/index.tsx#L51">src/Graf/Node/components/NodeFieldContainer/index.tsx:51</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol">; </span>className<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>class<wbr>Name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="nodeimplementinterfacesmenu" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Node<wbr>Implement<wbr>Interfaces<wbr>Menu</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Node<wbr>Implement<wbr>Interfaces<wbr>Menu<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>hideMenu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ContextMenu/NodeImplementInterfaceMenu/index.tsx#L13">src/Graf/Node/ContextMenu/NodeImplementInterfaceMenu/index.tsx:13</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>hideMenu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>hide<wbr>Menu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="nodeinterface" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Node<wbr>Interface</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Node<wbr>Interface<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol">; </span>isLocked<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>onDelete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/NodeInterface/index.tsx#L60">src/Graf/Node/components/NodeInterface/index.tsx:60</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol">; </span>isLocked<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>onDelete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>is<wbr>Locked<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Delete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="nodetypeoptionsmenu" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Node<wbr>Type<wbr>Options<wbr>Menu</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Node<wbr>Type<wbr>Options<wbr>Menu<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>hideMenu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ContextMenu/NodeTypeOptionsMenu/index.tsx#L19">src/Graf/Node/ContextMenu/NodeTypeOptionsMenu/index.tsx:19</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>hideMenu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>hide<wbr>Menu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="optionsmenu" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Options<wbr>Menu</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Options<wbr>Menu<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol">; </span>hideMenu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onCheck<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>options<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">; </span>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Menu/OptionsMenu.tsx#L40">src/Graf/Node/components/Menu/OptionsMenu.tsx:40</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol">; </span>hideMenu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onCheck<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>options<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">; </span>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>hide<wbr>Menu<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Check<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-parameters-title">Parameters</h4>
														<ul class="tsd-parameters">
															<li>
																<h5>name: <span class="tsd-signature-type">string</span></h5>
															</li>
														</ul>
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>options<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">&gt;</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="paintfield" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Paint<wbr>Field</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Paint<wbr>Field<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>last<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>parentNodeTypeName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Field/PaintField.tsx#L41">src/Graf/Node/Field/PaintField.tsx:41</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>last<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>parentNodeTypeName<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>last<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>parent<wbr>Node<wbr>Type<wbr>Name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="paintfieldname" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Paint<wbr>Field<wbr>Name</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Paint<wbr>Field<wbr>Name<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">GraphQLNodeParams</span><span class="tsd-signature-symbol">; </span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Field/FieldName/PaintFieldName.tsx#L16">src/Graf/Node/Field/FieldName/PaintFieldName.tsx:16</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">GraphQLNodeParams</span><span class="tsd-signature-symbol">; </span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>args<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>data<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">GraphQLNodeParams</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="paintnode" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Paint<wbr>Node</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Paint<wbr>Node<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>isLibrary<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>isMatchedToSearch<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L74">src/Graf/Node/PaintNode.tsx:74</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>isLibrary<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>isMatchedToSearch<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>is<wbr>Library<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>is<wbr>Matched<wbr>ToSearch<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="paintnodes" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Paint<wbr>Nodes</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Paint<wbr>Nodes<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/PaintNodes.tsx#L20">src/Graf/PaintNodes.tsx:20</a></li>
							</ul>
						</aside>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="painttype" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Paint<wbr>Type</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Paint<wbr>Type<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>directiveOptions<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Directive</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>operations<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">OperationType</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Options</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Type/PaintType.tsx#L5">src/Graf/Node/Type/PaintType.tsx:5</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>directiveOptions<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Directive</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>operations<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">OperationType</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Options</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>directiveOptions<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Directive</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>operations<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">OperationType</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Options</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> }</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter">
												<h5><span class="tsd-flag ts-flagOptional">Optional</span> directive<wbr>Options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Directive</span><span class="tsd-signature-symbol">[]</span></h5>
											</li>
											<li class="tsd-parameter">
												<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
											</li>
											<li class="tsd-parameter">
												<h5><span class="tsd-flag ts-flagOptional">Optional</span> operations<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">OperationType</span><span class="tsd-signature-symbol">[]</span></h5>
											</li>
											<li class="tsd-parameter">
												<h5><span class="tsd-flag ts-flagOptional">Optional</span> options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Options</span><span class="tsd-signature-symbol">[]</span></h5>
											</li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="play" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Play</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Play<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/icons/index.tsx#L206">src/editor/icons/index.tsx:206</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="plus" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Plus</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Plus<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
					<li class="tsd-signature tsd-kind-icon">Plus<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">PropsWithChildren</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGSVGElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/icons/index.tsx#L169">src/editor/icons/index.tsx:169</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/icons/Plus.tsx#L2">src/Graf/icons/Plus.tsx:2</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <span class="tsd-signature-type">PropsWithChildren</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGSVGElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="resolvecreatefield" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Resolve<wbr>Create<wbr>Field</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Resolve<wbr>Create<wbr>Field<span class="tsd-signature-symbol">(</span>field<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span>, actualFields<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/GraphQL/Resolve/Resolve.tsx#L14">src/GraphQL/Resolve/Resolve.tsx:14</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>field: <span class="tsd-signature-type">ParserField</span></h5>
							</li>
							<li>
								<h5>actualFields: <span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="resolvedirectives" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Resolve<wbr>Directives</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Resolve<wbr>Directives<span class="tsd-signature-symbol">(</span>field<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span>, actualFields<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/GraphQL/Resolve/Resolve.tsx#L138">src/GraphQL/Resolve/Resolve.tsx:138</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>field: <span class="tsd-signature-type">ParserField</span></h5>
							</li>
							<li>
								<h5>actualFields: <span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="resolveextension" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Resolve<wbr>Extension</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Resolve<wbr>Extension<span class="tsd-signature-symbol">(</span>t<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">AllTypes</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ScalarTypeExtension</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ObjectTypeExtension</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">InterfaceTypeExtension</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">UnionTypeExtension</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">EnumTypeExtension</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">InputObjectTypeExtension</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/GraphQL/Resolve/Extension.tsx#L3">src/GraphQL/Resolve/Extension.tsx:3</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>t: <span class="tsd-signature-type">AllTypes</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ScalarTypeExtension</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ObjectTypeExtension</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">InterfaceTypeExtension</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">UnionTypeExtension</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">EnumTypeExtension</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">InputObjectTypeExtension</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="resolveimplementinterface" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Resolve<wbr>Implement<wbr>Interface</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Resolve<wbr>Implement<wbr>Interface<span class="tsd-signature-symbol">(</span>field<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span>, actualFields<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/GraphQL/Resolve/Resolve.tsx#L95">src/GraphQL/Resolve/Resolve.tsx:95</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>field: <span class="tsd-signature-type">ParserField</span></h5>
							</li>
							<li>
								<h5>actualFields: <span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">undefined</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="rootextendnode" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Root<wbr>Extend<wbr>Node</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Root<wbr>Extend<wbr>Node<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>libraryNode<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/RootExtendNode/index.tsx#L71">src/Graf/Node/RootExtendNode/index.tsx:71</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>libraryNode<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>library<wbr>Node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="rootnode" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Root<wbr>Node</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Root<wbr>Node<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>libraryNode<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/RootNode/index.tsx#L44">src/Graf/Node/RootNode/index.tsx:44</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>libraryNode<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>library<wbr>Node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="search" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Search</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Search<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">PropsWithChildren</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGSVGElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/icons/Search.tsx#L2">src/Graf/icons/Search.tsx:2</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <span class="tsd-signature-type">PropsWithChildren</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGSVGElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="settings" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Settings</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Settings<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/icons/index.tsx#L151">src/editor/icons/index.tsx:151</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="show" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Show</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Show<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/icons/index.tsx#L25">src/editor/icons/index.tsx:25</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="statusdot" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Status<wbr>Dot</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Status<wbr>Dot<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>status<span class="tsd-signature-symbol">: </span><a href="enums/statusdotprops.html" class="tsd-signature-type">StatusDotProps</a><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/Components.tsx#L11">src/editor/code/Components.tsx:11</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>status<span class="tsd-signature-symbol">: </span><a href="enums/statusdotprops.html" class="tsd-signature-type">StatusDotProps</a><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>status<span class="tsd-signature-symbol">: </span><a href="enums/statusdotprops.html" class="tsd-signature-type">StatusDotProps</a></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="tick" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Tick</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Tick<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">PropsWithChildren</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGSVGElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/icons/Tick.tsx#L3">src/Graf/icons/Tick.tsx:3</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <span class="tsd-signature-type">PropsWithChildren</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGProps</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">SVGSVGElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">&gt;</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="title" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Title</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Title<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol">; </span>className<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/components/Title/index.tsx#L13">src/Graf/Node/components/Title/index.tsx:13</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol">; </span>className<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>class<wbr>Name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="titleofpane" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Title<wbr>OfPane</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Title<wbr>OfPane<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/Components.tsx#L10">src/editor/code/Components.tsx:10</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>children<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ReactNode</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="toggleoff" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Toggle<wbr>Off</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Toggle<wbr>Off<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/icons/index.tsx#L258">src/editor/icons/index.tsx:258</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="toggleon" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Toggle<wbr>On</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Toggle<wbr>On<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/icons/index.tsx#L276">src/editor/icons/index.tsx:276</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="topnodemenu" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Top<wbr>Node<wbr>Menu</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Top<wbr>Node<wbr>Menu<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>onDelete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onDuplicate<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/TopNodeMenu.tsx#L26">src/Graf/Node/ActiveNode/TopNodeMenu.tsx:26</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>onDelete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">; </span>onDuplicate<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Delete<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter-signature">
												<ul class="tsd-signatures tsd-kind-type-literal tsd-parent-kind-variable">
													<li class="tsd-signature tsd-kind-icon"><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">void</span></li>
												</ul>
												<ul class="tsd-descriptions">
													<li class="tsd-description">
														<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">void</span></h4>
													</li>
												</ul>
											</li>
										</ul>
									</li>
									<li class="tsd-parameter">
										<h5>on<wbr>Duplicate<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol"> =&gt; </span><span class="tsd-signature-type">void</span><span class="tsd-signature-symbol">)</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="trash" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Trash</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">Trash<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/icons/index.tsx#L131">src/editor/icons/index.tsx:131</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="x" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> X</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">X<span class="tsd-signature-symbol">(</span>props<span class="tsd-signature-symbol">: </span><a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
					<li class="tsd-signature tsd-kind-icon">X<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>fill<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Element</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/icons/index.tsx#L241">src/editor/icons/index.tsx:241</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>props: <a href="interfaces/iconprops.html" class="tsd-signature-type">IconProps</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/icons/X.tsx#L2">src/Graf/icons/X.tsx:2</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>fill<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>fill<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>props<span class="tsd-signature-symbol">: </span><a href="" class="tsd-signature-type">props</a></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Element</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="bounds" class="tsd-anchor"></a>
				<h3>bounds</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">bounds<span class="tsd-signature-symbol">(</span>boxes<span class="tsd-signature-symbol">: </span><a href="interfaces/box.html" class="tsd-signature-type">Box</a><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="globals.html#dimensions" class="tsd-signature-type">Dimensions</a></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/utils/packer.ts#L103">src/Graf/utils/packer.ts:103</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>boxes: <a href="interfaces/box.html" class="tsd-signature-type">Box</a><span class="tsd-signature-symbol">[]</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <a href="globals.html#dimensions" class="tsd-signature-type">Dimensions</a></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="catchschemaerrors" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> catch<wbr>Schema<wbr>Errors</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">catch<wbr>Schema<wbr>Errors<span class="tsd-signature-symbol">(</span>schema<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span>, libraries<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="interfaces/editorerror.html" class="tsd-signature-type">EditorError</a><span class="tsd-signature-symbol">[]</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/validation.ts#L50">src/validation.ts:50</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>schema: <span class="tsd-signature-type">string</span></h5>
							</li>
							<li>
								<h5><span class="tsd-flag ts-flagDefault value">Default value</span> libraries: <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;&quot;</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <a href="interfaces/editorerror.html" class="tsd-signature-type">EditorError</a><span class="tsd-signature-symbol">[]</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="compiletypeoptions" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> compile<wbr>Type<wbr>Options</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">compile<wbr>Type<wbr>Options<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>directiveOptions<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Directive</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>operations<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">OperationType</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Options</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/GraphQL/Compile/index.tsx#L3">src/GraphQL/Compile/index.tsx:3</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>directiveOptions<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Directive</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>operations<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">OperationType</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Options</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>type<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>directiveOptions<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Directive</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>operations<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">OperationType</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Options</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> }</span></h5>
										<ul class="tsd-parameters">
											<li class="tsd-parameter">
												<h5><span class="tsd-flag ts-flagOptional">Optional</span> directive<wbr>Options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Directive</span><span class="tsd-signature-symbol">[]</span></h5>
											</li>
											<li class="tsd-parameter">
												<h5>name<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
											</li>
											<li class="tsd-parameter">
												<h5><span class="tsd-flag ts-flagOptional">Optional</span> operations<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">OperationType</span><span class="tsd-signature-symbol">[]</span></h5>
											</li>
											<li class="tsd-parameter">
												<h5><span class="tsd-flag ts-flagOptional">Optional</span> options<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">Options</span><span class="tsd-signature-symbol">[]</span></h5>
											</li>
										</ul>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="configureopts" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> configure<wbr>Opts</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">configure<wbr>Opts<span class="tsd-signature-symbol">(</span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">&gt;</span></li>
					<li class="tsd-signature tsd-kind-icon">configure<wbr>Opts<span class="tsd-signature-symbol">(</span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">&gt;</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ContextMenu/NodeDirectiveOptionsMenu/index.tsx#L9">src/Graf/Node/ContextMenu/NodeDirectiveOptionsMenu/index.tsx:9</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>node: <span class="tsd-signature-type">ParserField</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">&gt;</span></h4>
					</li>
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ContextMenu/NodeTypeOptionsMenu/index.tsx#L9">src/Graf/Node/ContextMenu/NodeTypeOptionsMenu/index.tsx:9</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>node: <span class="tsd-signature-type">ParserField</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">boolean</span><span class="tsd-signature-symbol">&gt;</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function tsd-has-type-parameter">
				<a name="cypressget" class="tsd-anchor"></a>
				<h3>cypress<wbr>Get</h3>
				<ul class="tsd-signatures tsd-kind-function tsd-has-type-parameter">
					<li class="tsd-signature tsd-kind-icon">cypress<wbr>Get&lt;T, P1&gt;<span class="tsd-signature-symbol">(</span>obj<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">T</span>, prop1<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span></li>
					<li class="tsd-signature tsd-kind-icon">cypress<wbr>Get&lt;T, P1, P2&gt;<span class="tsd-signature-symbol">(</span>obj<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">T</span>, prop1<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">P1</span>, prop2<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">P2</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P2</span><span class="tsd-signature-symbol">]</span></li>
					<li class="tsd-signature tsd-kind-icon">cypress<wbr>Get&lt;T, P1, P2, P3&gt;<span class="tsd-signature-symbol">(</span>obj<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">T</span>, prop1<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">P1</span>, prop2<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">P2</span>, prop3<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">P3</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P2</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P3</span><span class="tsd-signature-symbol">]</span></li>
					<li class="tsd-signature tsd-kind-icon">cypress<wbr>Get&lt;T, P1, P2, P3, P4&gt;<span class="tsd-signature-symbol">(</span>obj<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">T</span>, prop1<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">P1</span>, prop2<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">P2</span>, prop3<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">P3</span>, prop4<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">P4</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P2</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P3</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P4</span><span class="tsd-signature-symbol">]</span></li>
					<li class="tsd-signature tsd-kind-icon">cypress<wbr>Get&lt;T, P1, P2, P3, P4, P5&gt;<span class="tsd-signature-symbol">(</span>obj<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">T</span>, prop1<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">P1</span>, prop2<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">P2</span>, prop3<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">P3</span>, prop4<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">P4</span>, prop5<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">P5</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P2</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P3</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P4</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P5</span><span class="tsd-signature-symbol">]</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/cypress_constants.ts#L56">src/cypress_constants.ts:56</a></li>
							</ul>
						</aside>
						<h4 class="tsd-type-parameters-title">Type parameters</h4>
						<ul class="tsd-type-parameters">
							<li>
								<h4>T</h4>
							</li>
							<li>
								<h4>P1<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span></h4>
							</li>
						</ul>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>obj: <span class="tsd-signature-type">T</span></h5>
							</li>
							<li>
								<h5>prop1: <span class="tsd-signature-type">P1</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span></h4>
					</li>
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/cypress_constants.ts#L58">src/cypress_constants.ts:58</a></li>
							</ul>
						</aside>
						<h4 class="tsd-type-parameters-title">Type parameters</h4>
						<ul class="tsd-type-parameters">
							<li>
								<h4>T</h4>
							</li>
							<li>
								<h4>P1<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span></h4>
							</li>
							<li>
								<h4>P2<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4>
							</li>
						</ul>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>obj: <span class="tsd-signature-type">T</span></h5>
							</li>
							<li>
								<h5>prop1: <span class="tsd-signature-type">P1</span></h5>
							</li>
							<li>
								<h5>prop2: <span class="tsd-signature-type">P2</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P2</span><span class="tsd-signature-symbol">]</span></h4>
					</li>
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/cypress_constants.ts#L64">src/cypress_constants.ts:64</a></li>
							</ul>
						</aside>
						<h4 class="tsd-type-parameters-title">Type parameters</h4>
						<ul class="tsd-type-parameters">
							<li>
								<h4>T</h4>
							</li>
							<li>
								<h4>P1<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span></h4>
							</li>
							<li>
								<h4>P2<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4>
							</li>
							<li>
								<h4>P3<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P2</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4>
							</li>
						</ul>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>obj: <span class="tsd-signature-type">T</span></h5>
							</li>
							<li>
								<h5>prop1: <span class="tsd-signature-type">P1</span></h5>
							</li>
							<li>
								<h5>prop2: <span class="tsd-signature-type">P2</span></h5>
							</li>
							<li>
								<h5>prop3: <span class="tsd-signature-type">P3</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P2</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P3</span><span class="tsd-signature-symbol">]</span></h4>
					</li>
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/cypress_constants.ts#L71">src/cypress_constants.ts:71</a></li>
							</ul>
						</aside>
						<h4 class="tsd-type-parameters-title">Type parameters</h4>
						<ul class="tsd-type-parameters">
							<li>
								<h4>T</h4>
							</li>
							<li>
								<h4>P1<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span></h4>
							</li>
							<li>
								<h4>P2<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4>
							</li>
							<li>
								<h4>P3<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P2</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4>
							</li>
							<li>
								<h4>P4<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P2</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P3</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4>
							</li>
						</ul>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>obj: <span class="tsd-signature-type">T</span></h5>
							</li>
							<li>
								<h5>prop1: <span class="tsd-signature-type">P1</span></h5>
							</li>
							<li>
								<h5>prop2: <span class="tsd-signature-type">P2</span></h5>
							</li>
							<li>
								<h5>prop3: <span class="tsd-signature-type">P3</span></h5>
							</li>
							<li>
								<h5>prop4: <span class="tsd-signature-type">P4</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P2</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P3</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P4</span><span class="tsd-signature-symbol">]</span></h4>
					</li>
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/cypress_constants.ts#L85">src/cypress_constants.ts:85</a></li>
							</ul>
						</aside>
						<h4 class="tsd-type-parameters-title">Type parameters</h4>
						<ul class="tsd-type-parameters">
							<li>
								<h4>T</h4>
							</li>
							<li>
								<h4>P1<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span></h4>
							</li>
							<li>
								<h4>P2<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4>
							</li>
							<li>
								<h4>P3<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P2</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4>
							</li>
							<li>
								<h4>P4<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P2</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P3</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4>
							</li>
							<li>
								<h4>P5<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">keyof </span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P2</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P3</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P4</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span></h4>
							</li>
						</ul>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>obj: <span class="tsd-signature-type">T</span></h5>
							</li>
							<li>
								<h5>prop1: <span class="tsd-signature-type">P1</span></h5>
							</li>
							<li>
								<h5>prop2: <span class="tsd-signature-type">P2</span></h5>
							</li>
							<li>
								<h5>prop3: <span class="tsd-signature-type">P3</span></h5>
							</li>
							<li>
								<h5>prop4: <span class="tsd-signature-type">P4</span></h5>
							</li>
							<li>
								<h5>prop5: <span class="tsd-signature-type">P5</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">NonNullable</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">T</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P1</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P2</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P3</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P4</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">P5</span><span class="tsd-signature-symbol">]</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="fade" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> fade</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">fade<span class="tsd-signature-symbol">(</span>c<span class="tsd-signature-symbol">: </span><a href="globals.html#hexadecimal" class="tsd-signature-type">HexaDecimal</a>, alpha<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Colors.tsx#L127">src/Colors.tsx:127</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>c: <a href="globals.html#hexadecimal" class="tsd-signature-type">HexaDecimal</a></h5>
							</li>
							<li>
								<h5>alpha: <span class="tsd-signature-type">number</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="getaccepteddirectives" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> get<wbr>Accepted<wbr>Directives</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">get<wbr>Accepted<wbr>Directives<span class="tsd-signature-symbol">(</span>f<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">Directive</span><span class="tsd-signature-symbol">[]</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/GraphQL/Resolve/Resolve.tsx#L105">src/GraphQL/Resolve/Resolve.tsx:105</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>f: <span class="tsd-signature-type">ParserField</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">Directive</span><span class="tsd-signature-symbol">[]</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="intersects" class="tsd-anchor"></a>
				<h3>intersects</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">intersects<span class="tsd-signature-symbol">(</span>a<span class="tsd-signature-symbol">: </span><a href="interfaces/box.html" class="tsd-signature-type">Box</a>, b<span class="tsd-signature-symbol">: </span><a href="interfaces/box.html" class="tsd-signature-type">Box</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/utils/packer.ts#L133">src/Graf/utils/packer.ts:133</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>a: <a href="interfaces/box.html" class="tsd-signature-type">Box</a></h5>
							</li>
							<li>
								<h5>b: <a href="interfaces/box.html" class="tsd-signature-type">Box</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="isextensionnode" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> is<wbr>Extension<wbr>Node</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">is<wbr>Extension<wbr>Node<span class="tsd-signature-symbol">(</span>t<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">AllTypes</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/GraphQL/Resolve/Extension.tsx#L22">src/GraphQL/Resolve/Extension.tsx:22</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>t: <span class="tsd-signature-type">AllTypes</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="ishexa" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> is<wbr>Hexa</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">is<wbr>Hexa<span class="tsd-signature-symbol">(</span>s<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">s</span><span class="tsd-signature-symbol"> is </span><span class="tsd-signature-type">HexaDecimal</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Colors.tsx#L123">src/Colors.tsx:123</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>s: <span class="tsd-signature-type">string</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">s</span><span class="tsd-signature-symbol"> is </span><span class="tsd-signature-type">HexaDecimal</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="isscalarargument" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> is<wbr>Scalar<wbr>Argument</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">is<wbr>Scalar<wbr>Argument<span class="tsd-signature-symbol">(</span>field<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">IntValue</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">FloatValue</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">StringValue</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">BooleanValue</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/GraphQL/Resolve/Resolve.tsx#L145">src/GraphQL/Resolve/Resolve.tsx:145</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>field: <span class="tsd-signature-type">ParserField</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">IntValue</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">FloatValue</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">StringValue</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">BooleanValue</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="mapeditorerrortomonacodecoration" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> map<wbr>Editor<wbr>Error<wbr>ToMonaco<wbr>Decoration</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">map<wbr>Editor<wbr>Error<wbr>ToMonaco<wbr>Decoration<span class="tsd-signature-symbol">(</span>e<span class="tsd-signature-symbol">: </span><a href="interfaces/editorerror.html" class="tsd-signature-type">EditorError</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">IModelDeltaDecoration</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/errors.ts#L4">src/editor/code/monaco/errors.ts:4</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>e: <a href="interfaces/editorerror.html" class="tsd-signature-type">EditorError</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">IModelDeltaDecoration</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="mix" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> mix</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">mix<span class="tsd-signature-symbol">(</span>c1<span class="tsd-signature-symbol">: </span><a href="globals.html#hexadecimal" class="tsd-signature-type">HexaDecimal</a>, c2<span class="tsd-signature-symbol">: </span><a href="globals.html#hexadecimal" class="tsd-signature-type">HexaDecimal</a>, weight<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">number</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Colors.tsx#L133">src/Colors.tsx:133</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>c1: <a href="globals.html#hexadecimal" class="tsd-signature-type">HexaDecimal</a></h5>
							</li>
							<li>
								<h5>c2: <a href="globals.html#hexadecimal" class="tsd-signature-type">HexaDecimal</a></h5>
							</li>
							<li>
								<h5><span class="tsd-flag ts-flagDefault value">Default value</span> weight: <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 50</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="moveerrorsbylibrarypadding" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> move<wbr>Errors<wbr>ByLibrary<wbr>Padding</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">move<wbr>Errors<wbr>ByLibrary<wbr>Padding<span class="tsd-signature-symbol">(</span>libraries<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">(Anonymous function)</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/validation.ts#L40">src/validation.ts:40</a></li>
							</ul>
						</aside>
						<div class="tsd-comment tsd-typography">
							<div class="lead">
								<p>Extend code with library and remember library line size to move the error later</p>
							</div>
						</div>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>libraries: <span class="tsd-signature-type">string</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">(Anonymous function)</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="packboxes" class="tsd-anchor"></a>
				<h3>pack<wbr>Boxes</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">pack<wbr>Boxes<span class="tsd-signature-symbol">(</span>sizes<span class="tsd-signature-symbol">: </span><a href="interfaces/indexeddimensions.html" class="tsd-signature-type">IndexedDimensions</a><span class="tsd-signature-symbol">[]</span>, sort<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="interfaces/indexedboxes.html" class="tsd-signature-type">IndexedBoxes</a><span class="tsd-signature-symbol">[]</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/utils/packer.ts#L19">src/Graf/utils/packer.ts:19</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>sizes: <a href="interfaces/indexeddimensions.html" class="tsd-signature-type">IndexedDimensions</a><span class="tsd-signature-symbol">[]</span></h5>
							</li>
							<li>
								<h5><span class="tsd-flag ts-flagOptional">Optional</span> sort: <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">false</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">true</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <a href="interfaces/indexedboxes.html" class="tsd-signature-type">IndexedBoxes</a><span class="tsd-signature-symbol">[]</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="placestringinnode" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> place<wbr>String<wbr>InNode</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">place<wbr>String<wbr>InNode<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>v<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span></li>
					<li class="tsd-signature tsd-kind-icon">place<wbr>String<wbr>InNode<span class="tsd-signature-symbol">(</span>__namedParameters<span class="tsd-signature-symbol">: </span><span class="tsd-signature-symbol">{ </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>v<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/InputValue/ActiveInputValue.tsx#L51">src/Graf/Node/InputValue/ActiveInputValue.tsx:51</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>v<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>v<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span></h4>
					</li>
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Argument/ActiveArgument.tsx#L50">src/Graf/Node/Argument/ActiveArgument.tsx:50</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>__namedParameters: <span class="tsd-signature-symbol">{ </span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">; </span>v<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span></h5>
								<ul class="tsd-parameters">
									<li class="tsd-parameter">
										<h5>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span></h5>
									</li>
									<li class="tsd-parameter">
										<h5>v<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></h5>
									</li>
								</ul>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">undefined</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">[]</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="rate" class="tsd-anchor"></a>
				<h3>rate</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">rate<span class="tsd-signature-symbol">(</span>layout<span class="tsd-signature-symbol">: </span><a href="interfaces/layout.html" class="tsd-signature-type">Layout</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/utils/packer.ts#L87">src/Graf/utils/packer.ts:87</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>layout: <a href="interfaces/layout.html" class="tsd-signature-type">Layout</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="resolvevaluefromnode" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> resolve<wbr>Value<wbr>From<wbr>Node</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">resolve<wbr>Value<wbr>From<wbr>Node<span class="tsd-signature-symbol">(</span>node<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span>, parentNode<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ParserField</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/Argument/ActiveArgument.tsx#L81">src/Graf/Node/Argument/ActiveArgument.tsx:81</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>node: <span class="tsd-signature-type">ParserField</span></h5>
							</li>
							<li>
								<h5>parentNode: <span class="tsd-signature-type">ParserField</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">string</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="settings" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> settings</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">settings<span class="tsd-signature-symbol">(</span>override<span class="tsd-signature-symbol">?: </span><span class="tsd-signature-type">IStandaloneEditorConstructionOptions</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">IStandaloneEditorConstructionOptions</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/settings.ts#L2">src/editor/code/monaco/settings.ts:2</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5><span class="tsd-flag ts-flagDefault value">Default value</span> override: <span class="tsd-signature-type">IStandaloneEditorConstructionOptions</span><span class="tsd-signature-symbol"> = {}</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">IStandaloneEditorConstructionOptions</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="validate" class="tsd-anchor"></a>
				<h3>validate</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">validate<span class="tsd-signature-symbol">(</span>boxes<span class="tsd-signature-symbol">: </span><a href="interfaces/box.html" class="tsd-signature-type">Box</a><span class="tsd-signature-symbol">[]</span>, box<span class="tsd-signature-symbol">: </span><a href="interfaces/box.html" class="tsd-signature-type">Box</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">boolean</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/utils/packer.ts#L121">src/Graf/utils/packer.ts:121</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>boxes: <a href="interfaces/box.html" class="tsd-signature-type">Box</a><span class="tsd-signature-symbol">[]</span></h5>
							</li>
							<li>
								<h5>box: <a href="interfaces/box.html" class="tsd-signature-type">Box</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">boolean</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="validatesdlerrors" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> validateSDLErrors</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">validateSDLErrors<span class="tsd-signature-symbol">(</span>s<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="interfaces/editorerror.html" class="tsd-signature-type">EditorError</a><span class="tsd-signature-symbol">[]</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/validation.ts#L25">src/validation.ts:25</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>s: <span class="tsd-signature-type">string</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <a href="interfaces/editorerror.html" class="tsd-signature-type">EditorError</a><span class="tsd-signature-symbol">[]</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="validatetypes" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> validate<wbr>Types</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">validate<wbr>Types<span class="tsd-signature-symbol">(</span>s<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><a href="interfaces/editorerror.html" class="tsd-signature-type">EditorError</a><span class="tsd-signature-symbol">[]</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/validation.ts#L31">src/validation.ts:31</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>s: <span class="tsd-signature-type">string</span></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <a href="interfaces/editorerror.html" class="tsd-signature-type">EditorError</a><span class="tsd-signature-symbol">[]</span></h4>
					</li>
				</ul>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-function">
				<a name="whitespace" class="tsd-anchor"></a>
				<h3>whitespace</h3>
				<ul class="tsd-signatures tsd-kind-function">
					<li class="tsd-signature tsd-kind-icon">whitespace<span class="tsd-signature-symbol">(</span>layout<span class="tsd-signature-symbol">: </span><a href="interfaces/layout.html" class="tsd-signature-type">Layout</a><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">number</span></li>
				</ul>
				<ul class="tsd-descriptions">
					<li class="tsd-description">
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/utils/packer.ts#L93">src/Graf/utils/packer.ts:93</a></li>
							</ul>
						</aside>
						<h4 class="tsd-parameters-title">Parameters</h4>
						<ul class="tsd-parameters">
							<li>
								<h5>layout: <a href="interfaces/layout.html" class="tsd-signature-type">Layout</a></h5>
							</li>
						</ul>
						<h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">number</span></h4>
					</li>
				</ul>
			</section>
		</section>
		<section class="tsd-panel-group tsd-member-group ">
			<h2>Object literals</h2>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="descriptionposition" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Description<wbr>Position</h3>
				<div class="tsd-signature tsd-kind-icon">Description<wbr>Position<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L65">src/Graf/Node/ActiveNode/index.tsx:65</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="descriptionposition.outline" class="tsd-anchor"></a>
					<h3>outline</h3>
					<div class="tsd-signature tsd-kind-icon">outline<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;none&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L70">src/Graf/Node/ActiveNode/index.tsx:70</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="descriptionposition.position" class="tsd-anchor"></a>
					<h3>position</h3>
					<div class="tsd-signature tsd-kind-icon">position<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"absolute"</span><span class="tsd-signature-symbol"> = &quot;absolute&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L66">src/Graf/Node/ActiveNode/index.tsx:66</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="descriptionposition.transform" class="tsd-anchor"></a>
					<h3>transform</h3>
					<div class="tsd-signature tsd-kind-icon">transform<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;translate(0px, calc(-100% - 10px))&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L68">src/Graf/Node/ActiveNode/index.tsx:68</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="descriptionposition.transformorigin" class="tsd-anchor"></a>
					<h3>transform<wbr>Origin</h3>
					<div class="tsd-signature tsd-kind-icon">transform<wbr>Origin<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;center bottom&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L67">src/Graf/Node/ActiveNode/index.tsx:67</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="descriptionposition.width" class="tsd-anchor"></a>
					<h3>width</h3>
					<div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;100%&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L69">src/Graf/Node/ActiveNode/index.tsx:69</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
					<a name="descriptionposition._nest" class="tsd-anchor"></a>
					<h3>$nest</h3>
					<div class="tsd-signature tsd-kind-icon">$nest<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L71">src/Graf/Node/ActiveNode/index.tsx:71</a></li>
						</ul>
					</aside>
					<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
						<a name="descriptionposition._nest.__focus" class="tsd-anchor"></a>
						<h3>&amp;:focus</h3>
						<div class="tsd-signature tsd-kind-icon">&amp;:focus<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L72">src/Graf/Node/ActiveNode/index.tsx:72</a></li>
							</ul>
						</aside>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="descriptionposition._nest.__focus.border" class="tsd-anchor"></a>
							<h3>border</h3>
							<div class="tsd-signature tsd-kind-icon">border<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#x60;1px solid ${Colors.grey[3]}&#x60;</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L73">src/Graf/Node/ActiveNode/index.tsx:73</a></li>
								</ul>
							</aside>
						</section>
					</section>
				</section>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="graphqlbackgrounds" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> GraphQLBackgrounds</h3>
				<div class="tsd-signature tsd-kind-icon">GraphQLBackgrounds<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L18">src/editor/theme.ts:18</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlbackgrounds.boolean" class="tsd-anchor"></a>
					<h3>Boolean</h3>
					<div class="tsd-signature tsd-kind-icon">Boolean<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#4b6c54"</span><span class="tsd-signature-symbol"> = Colors.green[6]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L30">src/editor/theme.ts:30</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlbackgrounds.extend" class="tsd-anchor"></a>
					<h3>Extend</h3>
					<div class="tsd-signature tsd-kind-icon">Extend<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#693f00"</span><span class="tsd-signature-symbol"> = Colors.orange[6]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L27">src/editor/theme.ts:27</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlbackgrounds.float" class="tsd-anchor"></a>
					<h3>Float</h3>
					<div class="tsd-signature tsd-kind-icon">Float<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#4b6c54"</span><span class="tsd-signature-symbol"> = Colors.green[6]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L32">src/editor/theme.ts:32</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlbackgrounds.id" class="tsd-anchor"></a>
					<h3>ID</h3>
					<div class="tsd-signature tsd-kind-icon">ID<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#4b6c54"</span><span class="tsd-signature-symbol"> = Colors.green[6]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L31">src/editor/theme.ts:31</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlbackgrounds.int" class="tsd-anchor"></a>
					<h3>Int</h3>
					<div class="tsd-signature tsd-kind-icon">Int<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#4b6c54"</span><span class="tsd-signature-symbol"> = Colors.green[6]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L29">src/editor/theme.ts:29</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlbackgrounds.string" class="tsd-anchor"></a>
					<h3>String</h3>
					<div class="tsd-signature tsd-kind-icon">String<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#4b6c54"</span><span class="tsd-signature-symbol"> = Colors.green[6]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L28">src/editor/theme.ts:28</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlbackgrounds.directive" class="tsd-anchor"></a>
					<h3>directive</h3>
					<div class="tsd-signature tsd-kind-icon">directive<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#65525a"</span><span class="tsd-signature-symbol"> = Colors.pink[6]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L25">src/editor/theme.ts:25</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlbackgrounds.enum" class="tsd-anchor"></a>
					<h3>enum</h3>
					<div class="tsd-signature tsd-kind-icon">enum<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#5b6845"</span><span class="tsd-signature-symbol"> = Colors.yellow[6]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L24">src/editor/theme.ts:24</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlbackgrounds.extend-1" class="tsd-anchor"></a>
					<h3>extend</h3>
					<div class="tsd-signature tsd-kind-icon">extend<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#693f00"</span><span class="tsd-signature-symbol"> = Colors.orange[6]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L26">src/editor/theme.ts:26</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlbackgrounds.input" class="tsd-anchor"></a>
					<h3>input</h3>
					<div class="tsd-signature tsd-kind-icon">input<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#0a5756"</span><span class="tsd-signature-symbol"> = Colors.blue[6]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L21">src/editor/theme.ts:21</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlbackgrounds.interface" class="tsd-anchor"></a>
					<h3>interface</h3>
					<div class="tsd-signature tsd-kind-icon">interface<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#47656f"</span><span class="tsd-signature-symbol"> = Colors.sky[6]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L23">src/editor/theme.ts:23</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlbackgrounds.scalar" class="tsd-anchor"></a>
					<h3>scalar</h3>
					<div class="tsd-signature tsd-kind-icon">scalar<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#4b6c54"</span><span class="tsd-signature-symbol"> = Colors.green[6]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L22">src/editor/theme.ts:22</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlbackgrounds.type" class="tsd-anchor"></a>
					<h3>type</h3>
					<div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#5d2c68"</span><span class="tsd-signature-symbol"> = Colors.main[6]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L19">src/editor/theme.ts:19</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlbackgrounds.union" class="tsd-anchor"></a>
					<h3>union</h3>
					<div class="tsd-signature tsd-kind-icon">union<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#49224f"</span><span class="tsd-signature-symbol"> = Colors.main[7]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L20">src/editor/theme.ts:20</a></li>
						</ul>
					</aside>
				</section>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="graphqlcolors" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> GraphQLColors</h3>
				<div class="tsd-signature tsd-kind-icon">GraphQLColors<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L2">src/editor/theme.ts:2</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlcolors.boolean" class="tsd-anchor"></a>
					<h3>Boolean</h3>
					<div class="tsd-signature tsd-kind-icon">Boolean<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#acf7c1"</span><span class="tsd-signature-symbol"> = Colors.green[0]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L13">src/editor/theme.ts:13</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlcolors.float" class="tsd-anchor"></a>
					<h3>Float</h3>
					<div class="tsd-signature tsd-kind-icon">Float<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#acf7c1"</span><span class="tsd-signature-symbol"> = Colors.green[0]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L15">src/editor/theme.ts:15</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlcolors.id" class="tsd-anchor"></a>
					<h3>ID</h3>
					<div class="tsd-signature tsd-kind-icon">ID<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#acf7c1"</span><span class="tsd-signature-symbol"> = Colors.green[0]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L14">src/editor/theme.ts:14</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlcolors.int" class="tsd-anchor"></a>
					<h3>Int</h3>
					<div class="tsd-signature tsd-kind-icon">Int<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#acf7c1"</span><span class="tsd-signature-symbol"> = Colors.green[0]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L12">src/editor/theme.ts:12</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlcolors.string" class="tsd-anchor"></a>
					<h3>String</h3>
					<div class="tsd-signature tsd-kind-icon">String<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#acf7c1"</span><span class="tsd-signature-symbol"> = Colors.green[0]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L11">src/editor/theme.ts:11</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlcolors.directive" class="tsd-anchor"></a>
					<h3>directive</h3>
					<div class="tsd-signature tsd-kind-icon">directive<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#e6bccd"</span><span class="tsd-signature-symbol"> = Colors.pink[0]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L9">src/editor/theme.ts:9</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlcolors.enum" class="tsd-anchor"></a>
					<h3>enum</h3>
					<div class="tsd-signature tsd-kind-icon">enum<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#cfee9e"</span><span class="tsd-signature-symbol"> = Colors.yellow[0]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L8">src/editor/theme.ts:8</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlcolors.extend" class="tsd-anchor"></a>
					<h3>extend</h3>
					<div class="tsd-signature tsd-kind-icon">extend<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#f18f01"</span><span class="tsd-signature-symbol"> = Colors.orange[0]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L10">src/editor/theme.ts:10</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlcolors.input" class="tsd-anchor"></a>
					<h3>input</h3>
					<div class="tsd-signature tsd-kind-icon">input<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#17bebb"</span><span class="tsd-signature-symbol"> = Colors.blue[0]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L5">src/editor/theme.ts:5</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlcolors.interface" class="tsd-anchor"></a>
					<h3>interface</h3>
					<div class="tsd-signature tsd-kind-icon">interface<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#A3E7FC"</span><span class="tsd-signature-symbol"> = Colors.sky[0]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L7">src/editor/theme.ts:7</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlcolors.scalar" class="tsd-anchor"></a>
					<h3>scalar</h3>
					<div class="tsd-signature tsd-kind-icon">scalar<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#acf7c1"</span><span class="tsd-signature-symbol"> = Colors.green[0]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L6">src/editor/theme.ts:6</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlcolors.type" class="tsd-anchor"></a>
					<h3>type</h3>
					<div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#d966ff"</span><span class="tsd-signature-symbol"> = Colors.main[0]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L3">src/editor/theme.ts:3</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="graphqlcolors.union" class="tsd-anchor"></a>
					<h3>union</h3>
					<div class="tsd-signature tsd-kind-icon">union<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#d966ff"</span><span class="tsd-signature-symbol"> = Colors.main[0]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/theme.ts#L4">src/editor/theme.ts:4</a></li>
						</ul>
					</aside>
				</section>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="leftnodearea" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Left<wbr>Node<wbr>Area</h3>
				<div class="tsd-signature tsd-kind-icon">Left<wbr>Node<wbr>Area<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L35">src/Graf/Node/ActiveNode/index.tsx:35</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="leftnodearea.alignitems" class="tsd-anchor"></a>
					<h3>align<wbr>Items</h3>
					<div class="tsd-signature tsd-kind-icon">align<wbr>Items<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;flex-end&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L41">src/Graf/Node/ActiveNode/index.tsx:41</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="leftnodearea.display" class="tsd-anchor"></a>
					<h3>display</h3>
					<div class="tsd-signature tsd-kind-icon">display<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;flex&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L40">src/Graf/Node/ActiveNode/index.tsx:40</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="leftnodearea.flexdirection" class="tsd-anchor"></a>
					<h3>flex<wbr>Direction</h3>
					<div class="tsd-signature tsd-kind-icon">flex<wbr>Direction<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"column"</span><span class="tsd-signature-symbol"> = &quot;column&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L42">src/Graf/Node/ActiveNode/index.tsx:42</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="leftnodearea.left" class="tsd-anchor"></a>
					<h3>left</h3>
					<div class="tsd-signature tsd-kind-icon">left<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = -300</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L37">src/Graf/Node/ActiveNode/index.tsx:37</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="leftnodearea.position" class="tsd-anchor"></a>
					<h3>position</h3>
					<div class="tsd-signature tsd-kind-icon">position<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"absolute"</span><span class="tsd-signature-symbol"> = &quot;absolute&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L36">src/Graf/Node/ActiveNode/index.tsx:36</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="leftnodearea.width" class="tsd-anchor"></a>
					<h3>width</h3>
					<div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 300</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L38">src/Graf/Node/ActiveNode/index.tsx:38</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="leftnodearea.zindex" class="tsd-anchor"></a>
					<h3>z<wbr>Index</h3>
					<div class="tsd-signature tsd-kind-icon">z<wbr>Index<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 4</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L39">src/Graf/Node/ActiveNode/index.tsx:39</a></li>
						</ul>
					</aside>
				</section>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="leftnodeareanode" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Left<wbr>Node<wbr>Area<wbr>Node</h3>
				<div class="tsd-signature tsd-kind-icon">Left<wbr>Node<wbr>Area<wbr>Node<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L44">src/Graf/Node/ActiveNode/index.tsx:44</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="leftnodeareanode.position" class="tsd-anchor"></a>
					<h3>position</h3>
					<div class="tsd-signature tsd-kind-icon">position<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"relative"</span><span class="tsd-signature-symbol"> = &quot;relative&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L44">src/Graf/Node/ActiveNode/index.tsx:44</a></li>
						</ul>
					</aside>
				</section>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="librarynodearea" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Library<wbr>Node<wbr>Area</h3>
				<div class="tsd-signature tsd-kind-icon">Library<wbr>Node<wbr>Area<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L48">src/Graf/Node/ActiveNode/index.tsx:48</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="librarynodearea.borderstyle" class="tsd-anchor"></a>
					<h3>border<wbr>Style</h3>
					<div class="tsd-signature tsd-kind-icon">border<wbr>Style<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;dashed&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L49">src/Graf/Node/ActiveNode/index.tsx:49</a></li>
						</ul>
					</aside>
				</section>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="mainnodearea" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Main<wbr>Node<wbr>Area</h3>
				<div class="tsd-signature tsd-kind-icon">Main<wbr>Node<wbr>Area<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L51">src/Graf/Node/ActiveNode/index.tsx:51</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L45">src/Graf/Node/NewNode.tsx:45</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L16">src/Graf/Node/PaintNode.tsx:16</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="mainnodearea.bordercolor" class="tsd-anchor"></a>
					<h3>border<wbr>Color</h3>
					<div class="tsd-signature tsd-kind-icon">border<wbr>Color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;transparent&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L58">src/Graf/Node/ActiveNode/index.tsx:58</a></li>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L47">src/Graf/Node/NewNode.tsx:47</a></li>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L18">src/Graf/Node/PaintNode.tsx:18</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="mainnodearea.borderradius" class="tsd-anchor"></a>
					<h3>border<wbr>Radius</h3>
					<div class="tsd-signature tsd-kind-icon">border<wbr>Radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 4</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L55">src/Graf/Node/ActiveNode/index.tsx:55</a></li>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L50">src/Graf/Node/NewNode.tsx:50</a></li>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L21">src/Graf/Node/PaintNode.tsx:21</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="mainnodearea.borderstyle" class="tsd-anchor"></a>
					<h3>border<wbr>Style</h3>
					<div class="tsd-signature tsd-kind-icon">border<wbr>Style<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;solid&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L54">src/Graf/Node/ActiveNode/index.tsx:54</a></li>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L49">src/Graf/Node/NewNode.tsx:49</a></li>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L20">src/Graf/Node/PaintNode.tsx:20</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="mainnodearea.borderwidth" class="tsd-anchor"></a>
					<h3>border<wbr>Width</h3>
					<div class="tsd-signature tsd-kind-icon">border<wbr>Width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 1</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L53">src/Graf/Node/ActiveNode/index.tsx:53</a></li>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L48">src/Graf/Node/NewNode.tsx:48</a></li>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L19">src/Graf/Node/PaintNode.tsx:19</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="mainnodearea.cursor" class="tsd-anchor"></a>
					<h3>cursor</h3>
					<div class="tsd-signature tsd-kind-icon">cursor<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;pointer&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L51">src/Graf/Node/NewNode.tsx:51</a></li>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L22">src/Graf/Node/PaintNode.tsx:22</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="mainnodearea.maxwidth" class="tsd-anchor"></a>
					<h3>max<wbr>Width</h3>
					<div class="tsd-signature tsd-kind-icon">max<wbr>Width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 600</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L56">src/Graf/Node/ActiveNode/index.tsx:56</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="mainnodearea.position" class="tsd-anchor"></a>
					<h3>position</h3>
					<div class="tsd-signature tsd-kind-icon">position<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"relative"</span><span class="tsd-signature-symbol"> = &quot;relative&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L52">src/Graf/Node/ActiveNode/index.tsx:52</a></li>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L46">src/Graf/Node/NewNode.tsx:46</a></li>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L17">src/Graf/Node/PaintNode.tsx:17</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="mainnodearea.transition" class="tsd-anchor"></a>
					<h3>transition</h3>
					<div class="tsd-signature tsd-kind-icon">transition<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#x60;border-color 0.25s ease-in-out&#x60;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L57">src/Graf/Node/ActiveNode/index.tsx:57</a></li>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L52">src/Graf/Node/NewNode.tsx:52</a></li>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L23">src/Graf/Node/PaintNode.tsx:23</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
					<a name="mainnodearea._nest" class="tsd-anchor"></a>
					<h3>$nest</h3>
					<div class="tsd-signature tsd-kind-icon">$nest<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L59">src/Graf/Node/ActiveNode/index.tsx:59</a></li>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L53">src/Graf/Node/NewNode.tsx:53</a></li>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L24">src/Graf/Node/PaintNode.tsx:24</a></li>
						</ul>
					</aside>
					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
						<a name="mainnodearea._nest.__librarynodearea" class="tsd-anchor"></a>
						<h3>&amp;.<wbr>Library<wbr>Node<wbr>Area</h3>
						<div class="tsd-signature tsd-kind-icon">&amp;.<wbr>Library<wbr>Node<wbr>Area<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">NestedCSSProperties</span><span class="tsd-signature-symbol"> = LibraryNodeArea</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L62">src/Graf/Node/ActiveNode/index.tsx:62</a></li>
							</ul>
						</aside>
					</section>
					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
						<a name="mainnodearea._nest._nodefields" class="tsd-anchor"></a>
						<h3>.<wbr>Node<wbr>Fields</h3>
						<div class="tsd-signature tsd-kind-icon">.<wbr>Node<wbr>Fields<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">NestedCSSProperties</span><span class="tsd-signature-symbol"> = NodeFields</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L61">src/Graf/Node/ActiveNode/index.tsx:61</a></li>
							</ul>
						</aside>
					</section>
					<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
						<a name="mainnodearea._nest.__hover" class="tsd-anchor"></a>
						<h3>&amp;:hover</h3>
						<div class="tsd-signature tsd-kind-icon">&amp;:hover<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L66">src/Graf/Node/NewNode.tsx:66</a></li>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L31">src/Graf/Node/PaintNode.tsx:31</a></li>
							</ul>
						</aside>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="mainnodearea._nest.__hover.bordercolor-1" class="tsd-anchor"></a>
							<h3>border<wbr>Color</h3>
							<div class="tsd-signature tsd-kind-icon">border<wbr>Color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#acf7c1"</span><span class="tsd-signature-symbol"> = Colors.green[0]</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L67">src/Graf/Node/NewNode.tsx:67</a></li>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L32">src/Graf/Node/PaintNode.tsx:32</a></li>
								</ul>
							</aside>
						</section>
					</section>
					<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
						<a name="mainnodearea._nest._nodetitle" class="tsd-anchor"></a>
						<h3>.<wbr>Node<wbr>Title</h3>
						<div class="tsd-signature tsd-kind-icon">.<wbr>Node<wbr>Title<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span><span class="tsd-signature-symbol"> = NodeTitle</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L60">src/Graf/Node/ActiveNode/index.tsx:60</a></li>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L54">src/Graf/Node/NewNode.tsx:54</a></li>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L25">src/Graf/Node/PaintNode.tsx:25</a></li>
							</ul>
						</aside>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="mainnodearea._nest._nodetitle.background" class="tsd-anchor"></a>
							<h3>background</h3>
							<div class="tsd-signature tsd-kind-icon">background<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;transparent&quot;</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L59">src/Graf/Node/NewNode.tsx:59</a></li>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L29">src/Graf/Node/PaintNode.tsx:29</a></li>
								</ul>
							</aside>
						</section>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="mainnodearea._nest._nodetitle.borderbottomleftradius" class="tsd-anchor"></a>
							<h3>border<wbr>Bottom<wbr>Left<wbr>Radius</h3>
							<div class="tsd-signature tsd-kind-icon">border<wbr>Bottom<wbr>Left<wbr>Radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 4</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L57">src/Graf/Node/NewNode.tsx:57</a></li>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L27">src/Graf/Node/PaintNode.tsx:27</a></li>
								</ul>
							</aside>
						</section>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="mainnodearea._nest._nodetitle.borderbottomrightradius" class="tsd-anchor"></a>
							<h3>border<wbr>Bottom<wbr>Right<wbr>Radius</h3>
							<div class="tsd-signature tsd-kind-icon">border<wbr>Bottom<wbr>Right<wbr>Radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 4</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L58">src/Graf/Node/NewNode.tsx:58</a></li>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/PaintNode.tsx#L28">src/Graf/Node/PaintNode.tsx:28</a></li>
								</ul>
							</aside>
						</section>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="mainnodearea._nest._nodetitle.width" class="tsd-anchor"></a>
							<h3>width</h3>
							<div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 200</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L56">src/Graf/Node/NewNode.tsx:56</a></li>
								</ul>
							</aside>
						</section>
						<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
							<a name="mainnodearea._nest._nodetitle._nest-1" class="tsd-anchor"></a>
							<h3>$nest</h3>
							<div class="tsd-signature tsd-kind-icon">$nest<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L60">src/Graf/Node/NewNode.tsx:60</a></li>
								</ul>
							</aside>
							<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
								<a name="mainnodearea._nest._nodetitle._nest-1._nameerrormessage" class="tsd-anchor"></a>
								<h3>.<wbr>Name<wbr>Error<wbr>Message</h3>
								<div class="tsd-signature tsd-kind-icon">.<wbr>Name<wbr>Error<wbr>Message<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">NestedCSSProperties</span><span class="tsd-signature-symbol"> = NameErrorMessage</span></div>
								<aside class="tsd-sources">
									<ul>
										<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L63">src/Graf/Node/NewNode.tsx:63</a></li>
									</ul>
								</aside>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
								<a name="mainnodearea._nest._nodetitle._nest-1._nodecreate" class="tsd-anchor"></a>
								<h3>.<wbr>Node<wbr>Create</h3>
								<div class="tsd-signature tsd-kind-icon">.<wbr>Node<wbr>Create<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">NestedCSSProperties</span><span class="tsd-signature-symbol"> = NodeCreate</span></div>
								<aside class="tsd-sources">
									<ul>
										<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L62">src/Graf/Node/NewNode.tsx:62</a></li>
									</ul>
								</aside>
							</section>
						</section>
					</section>
				</section>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="maintheme" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Main<wbr>Theme</h3>
				<div class="tsd-signature tsd-kind-icon">Main<wbr>Theme<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Theming/index.ts#L12">src/Theming/index.ts:12</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
					<a name="maintheme.errorcontainer" class="tsd-anchor"></a>
					<h3>Error<wbr>Container</h3>
					<div class="tsd-signature tsd-kind-icon">Error<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Theming/index.ts#L13">src/Theming/index.ts:13</a></li>
						</ul>
					</aside>
					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
						<a name="maintheme.errorcontainer.background" class="tsd-anchor"></a>
						<h3>background</h3>
						<div class="tsd-signature tsd-kind-icon">background<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#x60;${Colors.red[6]}ee&#x60;</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Theming/index.ts#L15">src/Theming/index.ts:15</a></li>
							</ul>
						</aside>
					</section>
					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
						<a name="maintheme.errorcontainer.border" class="tsd-anchor"></a>
						<h3>border</h3>
						<div class="tsd-signature tsd-kind-icon">border<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#x60;1px solid ${Colors.red[0]}&#x60;</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Theming/index.ts#L16">src/Theming/index.ts:16</a></li>
							</ul>
						</aside>
					</section>
					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
						<a name="maintheme.errorcontainer.color" class="tsd-anchor"></a>
						<h3>color</h3>
						<div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#e6bccd"</span><span class="tsd-signature-symbol"> = Colors.pink[0]</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Theming/index.ts#L14">src/Theming/index.ts:14</a></li>
							</ul>
						</aside>
					</section>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
					<a name="maintheme.sidebar" class="tsd-anchor"></a>
					<h3>Sidebar</h3>
					<div class="tsd-signature tsd-kind-icon">Sidebar<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Theming/index.ts#L18">src/Theming/index.ts:18</a></li>
						</ul>
					</aside>
					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
						<a name="maintheme.sidebar.background-1" class="tsd-anchor"></a>
						<h3>background</h3>
						<div class="tsd-signature tsd-kind-icon">background<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#333333"</span><span class="tsd-signature-symbol"> = Colors.grey[8]</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Theming/index.ts#L18">src/Theming/index.ts:18</a></li>
							</ul>
						</aside>
					</section>
				</section>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="nameerror" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Name<wbr>Error</h3>
				<div class="tsd-signature tsd-kind-icon">Name<wbr>Error<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L15">src/Graf/Node/NewNode.tsx:15</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nameerror.color" class="tsd-anchor"></a>
					<h3>color</h3>
					<div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#de3c4b"</span><span class="tsd-signature-symbol"> = Colors.red[0]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L16">src/Graf/Node/NewNode.tsx:16</a></li>
						</ul>
					</aside>
				</section>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="nameerrormessage" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Name<wbr>Error<wbr>Message</h3>
				<div class="tsd-signature tsd-kind-icon">Name<wbr>Error<wbr>Message<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L18">src/Graf/Node/NewNode.tsx:18</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nameerrormessage.alignitems" class="tsd-anchor"></a>
					<h3>align<wbr>Items</h3>
					<div class="tsd-signature tsd-kind-icon">align<wbr>Items<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;center&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L27">src/Graf/Node/NewNode.tsx:27</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nameerrormessage.color" class="tsd-anchor"></a>
					<h3>color</h3>
					<div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#de3c4b"</span><span class="tsd-signature-symbol"> = Colors.red[0]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L22">src/Graf/Node/NewNode.tsx:22</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nameerrormessage.display" class="tsd-anchor"></a>
					<h3>display</h3>
					<div class="tsd-signature tsd-kind-icon">display<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;flex&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L26">src/Graf/Node/NewNode.tsx:26</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nameerrormessage.fontsize" class="tsd-anchor"></a>
					<h3>font<wbr>Size</h3>
					<div class="tsd-signature tsd-kind-icon">font<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 10</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L24">src/Graf/Node/NewNode.tsx:24</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nameerrormessage.height" class="tsd-anchor"></a>
					<h3>height</h3>
					<div class="tsd-signature tsd-kind-icon">height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 30</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L20">src/Graf/Node/NewNode.tsx:20</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nameerrormessage.marginleft" class="tsd-anchor"></a>
					<h3>margin<wbr>Left</h3>
					<div class="tsd-signature tsd-kind-icon">margin<wbr>Left<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = -10</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L25">src/Graf/Node/NewNode.tsx:25</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nameerrormessage.position" class="tsd-anchor"></a>
					<h3>position</h3>
					<div class="tsd-signature tsd-kind-icon">position<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"absolute"</span><span class="tsd-signature-symbol"> = &quot;absolute&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L19">src/Graf/Node/NewNode.tsx:19</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nameerrormessage.top" class="tsd-anchor"></a>
					<h3>top</h3>
					<div class="tsd-signature tsd-kind-icon">top<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = -30</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L21">src/Graf/Node/NewNode.tsx:21</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nameerrormessage.width" class="tsd-anchor"></a>
					<h3>width</h3>
					<div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 600</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L23">src/Graf/Node/NewNode.tsx:23</a></li>
						</ul>
					</aside>
				</section>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="nodecreate" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Node<wbr>Create</h3>
				<div class="tsd-signature tsd-kind-icon">Node<wbr>Create<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L29">src/Graf/Node/NewNode.tsx:29</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodecreate.background" class="tsd-anchor"></a>
					<h3>background</h3>
					<div class="tsd-signature tsd-kind-icon">background<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;transparent&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L31">src/Graf/Node/NewNode.tsx:31</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodecreate.border" class="tsd-anchor"></a>
					<h3>border</h3>
					<div class="tsd-signature tsd-kind-icon">border<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L34">src/Graf/Node/NewNode.tsx:34</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodecreate.color" class="tsd-anchor"></a>
					<h3>color</h3>
					<div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#F3F3F4"</span><span class="tsd-signature-symbol"> = Colors.grey[0]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L30">src/Graf/Node/NewNode.tsx:30</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodecreate.fontfamily" class="tsd-anchor"></a>
					<h3>font<wbr>Family</h3>
					<div class="tsd-signature tsd-kind-icon">font<wbr>Family<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L36">src/Graf/Node/NewNode.tsx:36</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodecreate.fontsize" class="tsd-anchor"></a>
					<h3>font<wbr>Size</h3>
					<div class="tsd-signature tsd-kind-icon">font<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 12</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L32">src/Graf/Node/NewNode.tsx:32</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodecreate.outline" class="tsd-anchor"></a>
					<h3>outline</h3>
					<div class="tsd-signature tsd-kind-icon">outline<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 0</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L35">src/Graf/Node/NewNode.tsx:35</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodecreate.padding" class="tsd-anchor"></a>
					<h3>padding</h3>
					<div class="tsd-signature tsd-kind-icon">padding<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#x60;5px 0 5px 10px&#x60;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L33">src/Graf/Node/NewNode.tsx:33</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodecreate.width" class="tsd-anchor"></a>
					<h3>width</h3>
					<div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 200</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L37">src/Graf/Node/NewNode.tsx:37</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
					<a name="nodecreate._nest" class="tsd-anchor"></a>
					<h3>$nest</h3>
					<div class="tsd-signature tsd-kind-icon">$nest<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L38">src/Graf/Node/NewNode.tsx:38</a></li>
						</ul>
					</aside>
					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
						<a name="nodecreate._nest.__nameerror" class="tsd-anchor"></a>
						<h3>&amp;.<wbr>Name<wbr>Error</h3>
						<div class="tsd-signature tsd-kind-icon">&amp;.<wbr>Name<wbr>Error<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">NestedCSSProperties</span><span class="tsd-signature-symbol"> = NameError</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L42">src/Graf/Node/NewNode.tsx:42</a></li>
							</ul>
						</aside>
					</section>
					<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
						<a name="nodecreate._nest.___placeholder" class="tsd-anchor"></a>
						<h3>&amp;::placeholder</h3>
						<div class="tsd-signature tsd-kind-icon">&amp;::placeholder<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L39">src/Graf/Node/NewNode.tsx:39</a></li>
							</ul>
						</aside>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="nodecreate._nest.___placeholder.fontfamily-1" class="tsd-anchor"></a>
							<h3>font<wbr>Family</h3>
							<div class="tsd-signature tsd-kind-icon">font<wbr>Family<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/NewNode.tsx#L40">src/Graf/Node/NewNode.tsx:40</a></li>
								</ul>
							</aside>
						</section>
					</section>
				</section>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="nodefields" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Node<wbr>Fields</h3>
				<div class="tsd-signature tsd-kind-icon">Node<wbr>Fields<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L50">src/Graf/Node/SharedNode.tsx:50</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodefields.background" class="tsd-anchor"></a>
					<h3>background</h3>
					<div class="tsd-signature tsd-kind-icon">background<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#333333"</span><span class="tsd-signature-symbol"> = Colors.grey[8]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L53">src/Graf/Node/SharedNode.tsx:53</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodefields.borderbottomleftradius" class="tsd-anchor"></a>
					<h3>border<wbr>Bottom<wbr>Left<wbr>Radius</h3>
					<div class="tsd-signature tsd-kind-icon">border<wbr>Bottom<wbr>Left<wbr>Radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 4</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L51">src/Graf/Node/SharedNode.tsx:51</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodefields.borderbottomrightradius" class="tsd-anchor"></a>
					<h3>border<wbr>Bottom<wbr>Right<wbr>Radius</h3>
					<div class="tsd-signature tsd-kind-icon">border<wbr>Bottom<wbr>Right<wbr>Radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 4</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L52">src/Graf/Node/SharedNode.tsx:52</a></li>
						</ul>
					</aside>
				</section>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="nodeiconarea" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Node<wbr>Icon<wbr>Area</h3>
				<div class="tsd-signature tsd-kind-icon">Node<wbr>Icon<wbr>Area<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L19">src/Graf/Node/SharedNode.tsx:19</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodeiconarea.alignitems" class="tsd-anchor"></a>
					<h3>align<wbr>Items</h3>
					<div class="tsd-signature tsd-kind-icon">align<wbr>Items<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;center&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L21">src/Graf/Node/SharedNode.tsx:21</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodeiconarea.alignself" class="tsd-anchor"></a>
					<h3>align<wbr>Self</h3>
					<div class="tsd-signature tsd-kind-icon">align<wbr>Self<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;center&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L23">src/Graf/Node/SharedNode.tsx:23</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodeiconarea.background" class="tsd-anchor"></a>
					<h3>background</h3>
					<div class="tsd-signature tsd-kind-icon">background<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;transparent&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L27">src/Graf/Node/SharedNode.tsx:27</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodeiconarea.borderradius" class="tsd-anchor"></a>
					<h3>border<wbr>Radius</h3>
					<div class="tsd-signature tsd-kind-icon">border<wbr>Radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 12</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L29">src/Graf/Node/SharedNode.tsx:29</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodeiconarea.cursor" class="tsd-anchor"></a>
					<h3>cursor</h3>
					<div class="tsd-signature tsd-kind-icon">cursor<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;pointer&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L28">src/Graf/Node/SharedNode.tsx:28</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodeiconarea.display" class="tsd-anchor"></a>
					<h3>display</h3>
					<div class="tsd-signature tsd-kind-icon">display<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;flex&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L20">src/Graf/Node/SharedNode.tsx:20</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodeiconarea.height" class="tsd-anchor"></a>
					<h3>height</h3>
					<div class="tsd-signature tsd-kind-icon">height<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 24</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L25">src/Graf/Node/SharedNode.tsx:25</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodeiconarea.justifycontent" class="tsd-anchor"></a>
					<h3>justify<wbr>Content</h3>
					<div class="tsd-signature tsd-kind-icon">justify<wbr>Content<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;center&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L22">src/Graf/Node/SharedNode.tsx:22</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodeiconarea.transition" class="tsd-anchor"></a>
					<h3>transition</h3>
					<div class="tsd-signature tsd-kind-icon">transition<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;background 0.25s ease-in-out&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L26">src/Graf/Node/SharedNode.tsx:26</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodeiconarea.width" class="tsd-anchor"></a>
					<h3>width</h3>
					<div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 24</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L24">src/Graf/Node/SharedNode.tsx:24</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
					<a name="nodeiconarea._nest" class="tsd-anchor"></a>
					<h3>$nest</h3>
					<div class="tsd-signature tsd-kind-icon">$nest<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L30">src/Graf/Node/SharedNode.tsx:30</a></li>
						</ul>
					</aside>
					<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
						<a name="nodeiconarea._nest.__hover" class="tsd-anchor"></a>
						<h3>&amp;:hover</h3>
						<div class="tsd-signature tsd-kind-icon">&amp;:hover<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L31">src/Graf/Node/SharedNode.tsx:31</a></li>
							</ul>
						</aside>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="nodeiconarea._nest.__hover.background-1" class="tsd-anchor"></a>
							<h3>background</h3>
							<div class="tsd-signature tsd-kind-icon">background<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;#0003&quot;</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L32">src/Graf/Node/SharedNode.tsx:32</a></li>
								</ul>
							</aside>
						</section>
					</section>
				</section>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="nodename" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Node<wbr>Name</h3>
				<div class="tsd-signature tsd-kind-icon">Node<wbr>Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L5">src/Graf/Node/SharedNode.tsx:5</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodename._moz_user_select" class="tsd-anchor"></a>
					<h3>-moz-<wbr>user-<wbr>select</h3>
					<div class="tsd-signature tsd-kind-icon">-moz-<wbr>user-<wbr>select<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"-moz-none"</span><span class="tsd-signature-symbol"> = &quot;-moz-none&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L11">src/Graf/Node/SharedNode.tsx:11</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodename.color" class="tsd-anchor"></a>
					<h3>color</h3>
					<div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#F3F3F4"</span><span class="tsd-signature-symbol"> = Colors.grey[0]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L7">src/Graf/Node/SharedNode.tsx:7</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodename.fontsize" class="tsd-anchor"></a>
					<h3>font<wbr>Size</h3>
					<div class="tsd-signature tsd-kind-icon">font<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 12</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L8">src/Graf/Node/SharedNode.tsx:8</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodename.marginright" class="tsd-anchor"></a>
					<h3>margin<wbr>Right</h3>
					<div class="tsd-signature tsd-kind-icon">margin<wbr>Right<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 10</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L6">src/Graf/Node/SharedNode.tsx:6</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodename.padding" class="tsd-anchor"></a>
					<h3>padding</h3>
					<div class="tsd-signature tsd-kind-icon">padding<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#x60;5px 0 5px 10px&#x60;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L9">src/Graf/Node/SharedNode.tsx:9</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodename.userselect" class="tsd-anchor"></a>
					<h3>user<wbr>Select</h3>
					<div class="tsd-signature tsd-kind-icon">user<wbr>Select<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"none"</span><span class="tsd-signature-symbol"> = &quot;none&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L10">src/Graf/Node/SharedNode.tsx:10</a></li>
						</ul>
					</aside>
				</section>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="nodetitle" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Node<wbr>Title</h3>
				<div class="tsd-signature tsd-kind-icon">Node<wbr>Title<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L36">src/Graf/Node/SharedNode.tsx:36</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodetitle.alignitems" class="tsd-anchor"></a>
					<h3>align<wbr>Items</h3>
					<div class="tsd-signature tsd-kind-icon">align<wbr>Items<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;stretch&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L39">src/Graf/Node/SharedNode.tsx:39</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodetitle.background" class="tsd-anchor"></a>
					<h3>background</h3>
					<div class="tsd-signature tsd-kind-icon">background<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#333333"</span><span class="tsd-signature-symbol"> = Colors.grey[8]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L37">src/Graf/Node/SharedNode.tsx:37</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodetitle.bordertopleftradius" class="tsd-anchor"></a>
					<h3>border<wbr>Top<wbr>Left<wbr>Radius</h3>
					<div class="tsd-signature tsd-kind-icon">border<wbr>Top<wbr>Left<wbr>Radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 4</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L40">src/Graf/Node/SharedNode.tsx:40</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodetitle.bordertoprightradius" class="tsd-anchor"></a>
					<h3>border<wbr>Top<wbr>Right<wbr>Radius</h3>
					<div class="tsd-signature tsd-kind-icon">border<wbr>Top<wbr>Right<wbr>Radius<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 4</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L41">src/Graf/Node/SharedNode.tsx:41</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodetitle.display" class="tsd-anchor"></a>
					<h3>display</h3>
					<div class="tsd-signature tsd-kind-icon">display<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;flex&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L38">src/Graf/Node/SharedNode.tsx:38</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodetitle.padding" class="tsd-anchor"></a>
					<h3>padding</h3>
					<div class="tsd-signature tsd-kind-icon">padding<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 5</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L42">src/Graf/Node/SharedNode.tsx:42</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
					<a name="nodetitle._nest" class="tsd-anchor"></a>
					<h3>$nest</h3>
					<div class="tsd-signature tsd-kind-icon">$nest<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L43">src/Graf/Node/SharedNode.tsx:43</a></li>
						</ul>
					</aside>
					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
						<a name="nodetitle._nest._nodeiconarea" class="tsd-anchor"></a>
						<h3>.<wbr>Node<wbr>Icon<wbr>Area</h3>
						<div class="tsd-signature tsd-kind-icon">.<wbr>Node<wbr>Icon<wbr>Area<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">NestedCSSProperties</span><span class="tsd-signature-symbol"> = NodeIconArea</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L46">src/Graf/Node/SharedNode.tsx:46</a></li>
							</ul>
						</aside>
					</section>
					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
						<a name="nodetitle._nest._nodename" class="tsd-anchor"></a>
						<h3>.<wbr>Node<wbr>Name</h3>
						<div class="tsd-signature tsd-kind-icon">.<wbr>Node<wbr>Name<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">NestedCSSProperties</span><span class="tsd-signature-symbol"> = NodeName</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L44">src/Graf/Node/SharedNode.tsx:44</a></li>
							</ul>
						</aside>
					</section>
					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
						<a name="nodetitle._nest._nodetype" class="tsd-anchor"></a>
						<h3>.<wbr>Node<wbr>Type</h3>
						<div class="tsd-signature tsd-kind-icon">.<wbr>Node<wbr>Type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">NestedCSSProperties</span><span class="tsd-signature-symbol"> = NodeType</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L45">src/Graf/Node/SharedNode.tsx:45</a></li>
							</ul>
						</aside>
					</section>
				</section>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="nodetype" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Node<wbr>Type</h3>
				<div class="tsd-signature tsd-kind-icon">Node<wbr>Type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L13">src/Graf/Node/SharedNode.tsx:13</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodetype.color" class="tsd-anchor"></a>
					<h3>color</h3>
					<div class="tsd-signature tsd-kind-icon">color<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#d966ff"</span><span class="tsd-signature-symbol"> = Colors.main[0]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L14">src/Graf/Node/SharedNode.tsx:14</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodetype.fontsize" class="tsd-anchor"></a>
					<h3>font<wbr>Size</h3>
					<div class="tsd-signature tsd-kind-icon">font<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 10</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L15">src/Graf/Node/SharedNode.tsx:15</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodetype.marginright" class="tsd-anchor"></a>
					<h3>margin<wbr>Right</h3>
					<div class="tsd-signature tsd-kind-icon">margin<wbr>Right<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;auto&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L16">src/Graf/Node/SharedNode.tsx:16</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="nodetype.padding" class="tsd-anchor"></a>
					<h3>padding</h3>
					<div class="tsd-signature tsd-kind-icon">padding<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#x60;5px 30px 5px 0&#x60;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/SharedNode.tsx#L17">src/Graf/Node/SharedNode.tsx:17</a></li>
						</ul>
					</aside>
				</section>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="rightnodearea" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Right<wbr>Node<wbr>Area</h3>
				<div class="tsd-signature tsd-kind-icon">Right<wbr>Node<wbr>Area<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L45">src/Graf/Node/ActiveNode/index.tsx:45</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="rightnodearea.position" class="tsd-anchor"></a>
					<h3>position</h3>
					<div class="tsd-signature tsd-kind-icon">position<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"absolute"</span><span class="tsd-signature-symbol"> = &quot;absolute&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L45">src/Graf/Node/ActiveNode/index.tsx:45</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="rightnodearea.right" class="tsd-anchor"></a>
					<h3>right</h3>
					<div class="tsd-signature tsd-kind-icon">right<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = -300</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L45">src/Graf/Node/ActiveNode/index.tsx:45</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="rightnodearea.width" class="tsd-anchor"></a>
					<h3>width</h3>
					<div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 300</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L45">src/Graf/Node/ActiveNode/index.tsx:45</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="rightnodearea.zindex" class="tsd-anchor"></a>
					<h3>z<wbr>Index</h3>
					<div class="tsd-signature tsd-kind-icon">z<wbr>Index<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 4</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L45">src/Graf/Node/ActiveNode/index.tsx:45</a></li>
						</ul>
					</aside>
				</section>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="rightnodeareanode" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> Right<wbr>Node<wbr>Area<wbr>Node</h3>
				<div class="tsd-signature tsd-kind-icon">Right<wbr>Node<wbr>Area<wbr>Node<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L46">src/Graf/Node/ActiveNode/index.tsx:46</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="rightnodeareanode.position" class="tsd-anchor"></a>
					<h3>position</h3>
					<div class="tsd-signature tsd-kind-icon">position<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"absolute"</span><span class="tsd-signature-symbol"> = &quot;absolute&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Graf/Node/ActiveNode/index.tsx#L46">src/Graf/Node/ActiveNode/index.tsx:46</a></li>
						</ul>
					</aside>
				</section>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="conf" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> conf</h3>
				<div class="tsd-signature tsd-kind-icon">conf<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/language.ts#L3">src/editor/code/monaco/language.ts:3</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="conf.autoclosingpairs" class="tsd-anchor"></a>
					<h3>auto<wbr>Closing<wbr>Pairs</h3>
					<div class="tsd-signature tsd-kind-icon">auto<wbr>Closing<wbr>Pairs<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">{ </span>close<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>open<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>close<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>notIn<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol">; </span>open<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = [{ open: &#x27;{&#x27;, close: &#x27;}&#x27; },{ open: &#x27;[&#x27;, close: &#x27;]&#x27; },{ open: &#x27;(&#x27;, close: &#x27;)&#x27; },{ open: &#x27;&quot;&quot;&quot;&#x27;, close: &#x27;&quot;&quot;&quot;&#x27;, notIn: [&#x27;string&#x27;, &#x27;comment&#x27;] },{ open: &#x27;&quot;&#x27;, close: &#x27;&quot;&#x27;, notIn: [&#x27;string&#x27;, &#x27;comment&#x27;] },]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/language.ts#L12">src/editor/code/monaco/language.ts:12</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="conf.brackets" class="tsd-anchor"></a>
					<h3>brackets</h3>
					<div class="tsd-signature tsd-kind-icon">brackets<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">[</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">]</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = [[&#x27;{&#x27;, &#x27;}&#x27;],[&#x27;[&#x27;, &#x27;]&#x27;],[&#x27;(&#x27;, &#x27;)&#x27;],]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/language.ts#L7">src/editor/code/monaco/language.ts:7</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="conf.surroundingpairs" class="tsd-anchor"></a>
					<h3>surrounding<wbr>Pairs</h3>
					<div class="tsd-signature tsd-kind-icon">surrounding<wbr>Pairs<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">{ </span>close<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>open<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = [{ open: &#x27;{&#x27;, close: &#x27;}&#x27; },{ open: &#x27;[&#x27;, close: &#x27;]&#x27; },{ open: &#x27;(&#x27;, close: &#x27;)&#x27; },{ open: &#x27;&quot;&quot;&quot;&#x27;, close: &#x27;&quot;&quot;&quot;&#x27; },{ open: &#x27;&quot;&#x27;, close: &#x27;&quot;&#x27; },]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/language.ts#L19">src/editor/code/monaco/language.ts:19</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
					<a name="conf.comments" class="tsd-anchor"></a>
					<h3>comments</h3>
					<div class="tsd-signature tsd-kind-icon">comments<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/language.ts#L4">src/editor/code/monaco/language.ts:4</a></li>
						</ul>
					</aside>
					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
						<a name="conf.comments.linecomment" class="tsd-anchor"></a>
						<h3>line<wbr>Comment</h3>
						<div class="tsd-signature tsd-kind-icon">line<wbr>Comment<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;#&quot;</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/language.ts#L5">src/editor/code/monaco/language.ts:5</a></li>
							</ul>
						</aside>
					</section>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
					<a name="conf.folding" class="tsd-anchor"></a>
					<h3>folding</h3>
					<div class="tsd-signature tsd-kind-icon">folding<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/language.ts#L26">src/editor/code/monaco/language.ts:26</a></li>
						</ul>
					</aside>
					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
						<a name="conf.folding.offside" class="tsd-anchor"></a>
						<h3>off<wbr>Side</h3>
						<div class="tsd-signature tsd-kind-icon">off<wbr>Side<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">true</span><span class="tsd-signature-symbol"> = true</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/language.ts#L27">src/editor/code/monaco/language.ts:27</a></li>
							</ul>
						</aside>
					</section>
				</section>
			</section>
			<section class="tsd-panel tsd-member tsd-kind-object-literal">
				<a name="theme" class="tsd-anchor"></a>
				<h3><span class="tsd-flag ts-flagConst">Const</span> theme</h3>
				<div class="tsd-signature tsd-kind-icon">theme<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
				<aside class="tsd-sources">
					<ul>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/theme.ts#L7">src/editor/code/monaco/theme.ts:7</a></li>
						<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L5">src/Hierarchy/theme.ts:5</a></li>
					</ul>
				</aside>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="theme.base" class="tsd-anchor"></a>
					<h3>base</h3>
					<div class="tsd-signature tsd-kind-icon">base<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"vs-dark"</span><span class="tsd-signature-symbol"> = &quot;vs-dark&quot;</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/theme.ts#L8">src/editor/code/monaco/theme.ts:8</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="theme.fontfamily" class="tsd-anchor"></a>
					<h3>font<wbr>Family</h3>
					<div class="tsd-signature tsd-kind-icon">font<wbr>Family<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L7">src/Hierarchy/theme.ts:7</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="theme.inherit" class="tsd-anchor"></a>
					<h3>inherit</h3>
					<div class="tsd-signature tsd-kind-icon">inherit<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">true</span><span class="tsd-signature-symbol"> = true</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/theme.ts#L9">src/editor/code/monaco/theme.ts:9</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
					<a name="theme.rules" class="tsd-anchor"></a>
					<h3>rules</h3>
					<div class="tsd-signature tsd-kind-icon">rules<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">{ </span>foreground<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>token<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol"> | </span><span class="tsd-signature-symbol">{ </span>fontStyle<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>foreground<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">; </span>token<span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> }</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">[]</span><span class="tsd-signature-symbol"> = [{ token: &#x27;&#x27;, foreground: docsColor },{ token: &#x27;identifier.gql&#x27;, foreground: Colors.grey[0] },{ token: &#x27;type&#x27;, foreground: GraphQLColors.type },{ token: &#x27;keyword&#x27;, foreground: Colors.green[0] },{ token: &#x27;input&#x27;, foreground: GraphQLColors.input },{ token: &#x27;interface&#x27;, foreground: GraphQLColors.interface },{ token: &#x27;enum&#x27;, foreground: GraphQLColors.enum },{ token: &#x27;extend&#x27;, foreground: GraphQLColors.extend },{ token: &#x27;input&#x27;, foreground: GraphQLColors.input },{ token: &#x27;directive&#x27;, foreground: GraphQLColors.directive },{ token: &#x27;scalar&#x27;, foreground: GraphQLColors.scalar },{ token: &#x27;union&#x27;, foreground: GraphQLColors.union },{ token: &#x27;annotation&#x27;, foreground: Colors.grey[1] },{ token: &#x27;md&#x27;, foreground: Colors.blue[3] },{ token: &#x27;string.md&#x27;, foreground: docsColor },{ token: &#x27;string.doc&#x27;, foreground: docsColor },{ token: &#x27;string.gql&#x27;, foreground: mix(Colors.yellow[0], Colors.grey[0]) },{ token: &#x27;string.quote.gql&#x27;, foreground: mix(Colors.yellow[0], Colors.grey[0]) },{ token: &#x27;comment.gql&#x27;, foreground: Colors.blue[3] },{ token: &#x27;exclamation&#x27;, fontStyle: &#x27;bold&#x27;, foreground: mix(Colors.yellow[0], Colors.grey[0], 90.0) },]</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/theme.ts#L10">src/editor/code/monaco/theme.ts:10</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
					<a name="theme.colors" class="tsd-anchor"></a>
					<h3>colors</h3>
					<div class="tsd-signature tsd-kind-icon">colors<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/theme.ts#L32">src/editor/code/monaco/theme.ts:32</a></li>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L23">src/Hierarchy/theme.ts:23</a></li>
						</ul>
					</aside>
					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
						<a name="theme.colors.background" class="tsd-anchor"></a>
						<h3>background</h3>
						<div class="tsd-signature tsd-kind-icon">background<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#0b050d"</span><span class="tsd-signature-symbol"> = Colors.main[10]</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L24">src/Hierarchy/theme.ts:24</a></li>
							</ul>
						</aside>
					</section>
					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
						<a name="theme.colors.editor_background" class="tsd-anchor"></a>
						<h3>editor.background</h3>
						<div class="tsd-signature tsd-kind-icon">editor.background<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &#x60;#0b050d&#x60;</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/theme.ts#L34">src/editor/code/monaco/theme.ts:34</a></li>
							</ul>
						</aside>
					</section>
					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
						<a name="theme.colors.editor_foreground" class="tsd-anchor"></a>
						<h3>editor.foreground</h3>
						<div class="tsd-signature tsd-kind-icon">editor.foreground<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#F3F3F4"</span><span class="tsd-signature-symbol"> = Colors.grey[0]</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/theme.ts#L33">src/editor/code/monaco/theme.ts:33</a></li>
							</ul>
						</aside>
					</section>
					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
						<a name="theme.colors.minimap_background" class="tsd-anchor"></a>
						<h3>minimap.background</h3>
						<div class="tsd-signature tsd-kind-icon">minimap.background<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">string</span><span class="tsd-signature-symbol"> = &quot;#0b050d&quot;</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/editor/code/monaco/theme.ts#L35">src/editor/code/monaco/theme.ts:35</a></li>
							</ul>
						</aside>
					</section>
					<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
						<a name="theme.colors.description" class="tsd-anchor"></a>
						<h3>description</h3>
						<div class="tsd-signature tsd-kind-icon">description<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L25">src/Hierarchy/theme.ts:25</a></li>
							</ul>
						</aside>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="theme.colors.description.background-1" class="tsd-anchor"></a>
							<h3>background</h3>
							<div class="tsd-signature tsd-kind-icon">background<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#200f1c"</span><span class="tsd-signature-symbol"> = Colors.main[9]</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L26">src/Hierarchy/theme.ts:26</a></li>
								</ul>
							</aside>
						</section>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="theme.colors.description.text" class="tsd-anchor"></a>
							<h3>text</h3>
							<div class="tsd-signature tsd-kind-icon">text<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#e6bccd"</span><span class="tsd-signature-symbol"> = Colors.pink[0]</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L27">src/Hierarchy/theme.ts:27</a></li>
								</ul>
							</aside>
						</section>
					</section>
					<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
						<a name="theme.colors.help" class="tsd-anchor"></a>
						<h3>help</h3>
						<div class="tsd-signature tsd-kind-icon">help<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L35">src/Hierarchy/theme.ts:35</a></li>
							</ul>
						</aside>
					</section>
					<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
						<a name="theme.colors.link" class="tsd-anchor"></a>
						<h3>link</h3>
						<div class="tsd-signature tsd-kind-icon">link<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L38">src/Hierarchy/theme.ts:38</a></li>
							</ul>
						</aside>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="theme.colors.link.active" class="tsd-anchor"></a>
							<h3>active</h3>
							<div class="tsd-signature tsd-kind-icon">active<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#e6bccd"</span><span class="tsd-signature-symbol"> = Colors.pink[0]</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L40">src/Hierarchy/theme.ts:40</a></li>
								</ul>
							</aside>
						</section>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="theme.colors.link.hover" class="tsd-anchor"></a>
							<h3>hover</h3>
							<div class="tsd-signature tsd-kind-icon">hover<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#e6bccd"</span><span class="tsd-signature-symbol"> = Colors.pink[0]</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L41">src/Hierarchy/theme.ts:41</a></li>
								</ul>
							</aside>
						</section>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="theme.colors.link.main" class="tsd-anchor"></a>
							<h3>main</h3>
							<div class="tsd-signature tsd-kind-icon">main<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#65525a"</span><span class="tsd-signature-symbol"> = Colors.pink[6]</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L39">src/Hierarchy/theme.ts:39</a></li>
								</ul>
							</aside>
						</section>
					</section>
					<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
						<a name="theme.colors.minimap" class="tsd-anchor"></a>
						<h3>minimap</h3>
						<div class="tsd-signature tsd-kind-icon">minimap<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L29">src/Hierarchy/theme.ts:29</a></li>
							</ul>
						</aside>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="theme.colors.minimap.background-2" class="tsd-anchor"></a>
							<h3>background</h3>
							<div class="tsd-signature tsd-kind-icon">background<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#200f1c"</span><span class="tsd-signature-symbol"> = Colors.main[9]</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L30">src/Hierarchy/theme.ts:30</a></li>
								</ul>
							</aside>
						</section>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="theme.colors.minimap.borders" class="tsd-anchor"></a>
							<h3>borders</h3>
							<div class="tsd-signature tsd-kind-icon">borders<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#bb99a7"</span><span class="tsd-signature-symbol"> = Colors.pink[2]</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L31">src/Hierarchy/theme.ts:31</a></li>
								</ul>
							</aside>
						</section>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="theme.colors.minimap.node" class="tsd-anchor"></a>
							<h3>node</h3>
							<div class="tsd-signature tsd-kind-icon">node<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#907680"</span><span class="tsd-signature-symbol"> = Colors.pink[4]</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L32">src/Hierarchy/theme.ts:32</a></li>
								</ul>
							</aside>
						</section>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="theme.colors.minimap.visiblearea" class="tsd-anchor"></a>
							<h3>visible<wbr>Area</h3>
							<div class="tsd-signature tsd-kind-icon">visible<wbr>Area<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#341835"</span><span class="tsd-signature-symbol"> = Colors.main[8]</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L33">src/Hierarchy/theme.ts:33</a></li>
								</ul>
							</aside>
						</section>
					</section>
					<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
						<a name="theme.colors.node-1" class="tsd-anchor"></a>
						<h3>node</h3>
						<div class="tsd-signature tsd-kind-icon">node<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L43">src/Hierarchy/theme.ts:43</a></li>
							</ul>
						</aside>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="theme.colors.node-1.background-3" class="tsd-anchor"></a>
							<h3>background</h3>
							<div class="tsd-signature tsd-kind-icon">background<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#200f1c"</span><span class="tsd-signature-symbol"> = Colors.main[9]</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L45">src/Hierarchy/theme.ts:45</a></li>
								</ul>
							</aside>
						</section>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="theme.colors.node-1.backgrounds" class="tsd-anchor"></a>
							<h3>backgrounds</h3>
							<div class="tsd-signature tsd-kind-icon">backgrounds<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = GraphQLBackgrounds</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L52">src/Hierarchy/theme.ts:52</a></li>
								</ul>
							</aside>
						</section>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="theme.colors.node-1.selected" class="tsd-anchor"></a>
							<h3>selected</h3>
							<div class="tsd-signature tsd-kind-icon">selected<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#e6bccd"</span><span class="tsd-signature-symbol"> = Colors.pink[0]</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L50">src/Hierarchy/theme.ts:50</a></li>
								</ul>
							</aside>
						</section>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="theme.colors.node-1.type" class="tsd-anchor"></a>
							<h3>type</h3>
							<div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#CCCCCC"</span><span class="tsd-signature-symbol"> = Colors.grey[2]</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L46">src/Hierarchy/theme.ts:46</a></li>
								</ul>
							</aside>
						</section>
						<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
							<a name="theme.colors.node-1.types" class="tsd-anchor"></a>
							<h3>types</h3>
							<div class="tsd-signature tsd-kind-icon">types<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">Record</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">string</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = GraphQLColors</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L51">src/Hierarchy/theme.ts:51</a></li>
								</ul>
							</aside>
						</section>
						<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
							<a name="theme.colors.node-1.hover-1" class="tsd-anchor"></a>
							<h3>hover</h3>
							<div class="tsd-signature tsd-kind-icon">hover<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L47">src/Hierarchy/theme.ts:47</a></li>
								</ul>
							</aside>
							<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
								<a name="theme.colors.node-1.hover-1.type-1" class="tsd-anchor"></a>
								<h3>type</h3>
								<div class="tsd-signature tsd-kind-icon">type<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#F3F3F4"</span><span class="tsd-signature-symbol"> = Colors.grey[0]</span></div>
								<aside class="tsd-sources">
									<ul>
										<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L48">src/Hierarchy/theme.ts:48</a></li>
									</ul>
								</aside>
							</section>
						</section>
						<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
							<a name="theme.colors.node-1.options" class="tsd-anchor"></a>
							<h3>options</h3>
							<div class="tsd-signature tsd-kind-icon">options<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
							<aside class="tsd-sources">
								<ul>
									<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L53">src/Hierarchy/theme.ts:53</a></li>
								</ul>
							</aside>
							<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
								<a name="theme.colors.node-1.options.array" class="tsd-anchor"></a>
								<h3>array</h3>
								<div class="tsd-signature tsd-kind-icon">array<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#cfee9e"</span><span class="tsd-signature-symbol"> = Colors.yellow[0]</span></div>
								<aside class="tsd-sources">
									<ul>
										<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L55">src/Hierarchy/theme.ts:55</a></li>
									</ul>
								</aside>
							</section>
							<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
								<a name="theme.colors.node-1.options.required" class="tsd-anchor"></a>
								<h3>required</h3>
								<div class="tsd-signature tsd-kind-icon">required<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">"#de3c4b"</span><span class="tsd-signature-symbol"> = Colors.red[0]</span></div>
								<aside class="tsd-sources">
									<ul>
										<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L54">src/Hierarchy/theme.ts:54</a></li>
									</ul>
								</aside>
							</section>
						</section>
					</section>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
					<a name="theme.description-1" class="tsd-anchor"></a>
					<h3>description</h3>
					<div class="tsd-signature tsd-kind-icon">description<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L17">src/Hierarchy/theme.ts:17</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
					<a name="theme.help-1" class="tsd-anchor"></a>
					<h3>help</h3>
					<div class="tsd-signature tsd-kind-icon">help<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L20">src/Hierarchy/theme.ts:20</a></li>
						</ul>
					</aside>
				</section>
				<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
					<a name="theme.node-2" class="tsd-anchor"></a>
					<h3>node</h3>
					<div class="tsd-signature tsd-kind-icon">node<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
					<aside class="tsd-sources">
						<ul>
							<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L8">src/Hierarchy/theme.ts:8</a></li>
						</ul>
					</aside>
					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
						<a name="theme.node-2.namesize" class="tsd-anchor"></a>
						<h3>name<wbr>Size</h3>
						<div class="tsd-signature tsd-kind-icon">name<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 25</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L10">src/Hierarchy/theme.ts:10</a></li>
							</ul>
						</aside>
					</section>
					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
						<a name="theme.node-2.typesize" class="tsd-anchor"></a>
						<h3>type<wbr>Size</h3>
						<div class="tsd-signature tsd-kind-icon">type<wbr>Size<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 21</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L11">src/Hierarchy/theme.ts:11</a></li>
							</ul>
						</aside>
					</section>
					<section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-object-literal">
						<a name="theme.node-2.width" class="tsd-anchor"></a>
						<h3>width</h3>
						<div class="tsd-signature tsd-kind-icon">width<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">number</span><span class="tsd-signature-symbol"> = 280</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L12">src/Hierarchy/theme.ts:12</a></li>
							</ul>
						</aside>
					</section>
					<section class="tsd-panel tsd-member tsd-kind-object-literal tsd-parent-kind-object-literal">
						<a name="theme.node-2.spacing" class="tsd-anchor"></a>
						<h3>spacing</h3>
						<div class="tsd-signature tsd-kind-icon">spacing<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">object</span></div>
						<aside class="tsd-sources">
							<ul>
								<li>Defined in <a href="https://github.com/graphql-editor/graphql-editor/blob/e4ffa41/src/Hierarchy/theme.ts#L13">src/Hierarchy/theme.ts:13</a></li>
							</ul>
						</aside>
					</section>
				</section>
			</section>
		</section>
		<footer class="with-border-bottom">
			<div class="container">
				<h2>Legend</h2>
				<div class="tsd-legend-group">
					<ul class="tsd-legend">
						<li class="tsd-kind-property tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static property</span></li>
						<li class="tsd-kind-method tsd-parent-kind-class tsd-is-static"><span class="tsd-kind-icon">Static method</span></li>
					</ul>
					<ul class="tsd-legend">
						<li class="tsd-kind-property tsd-parent-kind-interface"><span class="tsd-kind-icon">Property</span></li>
					</ul>
				</div>
			</div>
		</footer>
		<div class="container tsd-generator">
			<p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
		</div>
	</div>
</div>
<script type="text/javascript">
!function(e){var t={};function r(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,r),i.l=!0,i.exports}r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)r.d(n,i,function(t){return e[t]}.bind(null,i));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=2)}([function(e,t,r){var n,i;
/**
 * lunr - http://lunrjs.com - A bit like Solr, but much smaller and not as bright - 2.3.9
 * Copyright (C) 2020 Oliver Nightingale
 * @license MIT
 */!function(){var s,o,a,u,l,c,h,d,f,p,y,m,v,g,x,w,L,E,b,S,k,Q,O,P,T,_,C=function(e){var t=new C.Builder;return t.pipeline.add(C.trimmer,C.stopWordFilter,C.stemmer),t.searchPipeline.add(C.stemmer),e.call(t,t),t.build()};C.version="2.3.9"
/*!
 * lunr.utils
 * Copyright (C) 2020 Oliver Nightingale
 */,C.utils={},C.utils.warn=(s=this,function(e){s.console&&console.warn&&console.warn(e)}),C.utils.asString=function(e){return null==e?"":e.toString()},C.utils.clone=function(e){if(null==e)return e;for(var t=Object.create(null),r=Object.keys(e),n=0;n<r.length;n++){var i=r[n],s=e[i];if(Array.isArray(s))t[i]=s.slice();else{if("string"!=typeof s&&"number"!=typeof s&&"boolean"!=typeof s)throw new TypeError("clone is not deep and does not support nested objects");t[i]=s}}return t},C.FieldRef=function(e,t,r){this.docRef=e,this.fieldName=t,this._stringValue=r},C.FieldRef.joiner="/",C.FieldRef.fromString=function(e){var t=e.indexOf(C.FieldRef.joiner);if(-1===t)throw"malformed field ref string";var r=e.slice(0,t),n=e.slice(t+1);return new C.FieldRef(n,r,e)},C.FieldRef.prototype.toString=function(){return null==this._stringValue&&(this._stringValue=this.fieldName+C.FieldRef.joiner+this.docRef),this._stringValue}
/*!
 * lunr.Set
 * Copyright (C) 2020 Oliver Nightingale
 */,C.Set=function(e){if(this.elements=Object.create(null),e){this.length=e.length;for(var t=0;t<this.length;t++)this.elements[e[t]]=!0}else this.length=0},C.Set.complete={intersect:function(e){return e},union:function(){return this},contains:function(){return!0}},C.Set.empty={intersect:function(){return this},union:function(e){return e},contains:function(){return!1}},C.Set.prototype.contains=function(e){return!!this.elements[e]},C.Set.prototype.intersect=function(e){var t,r,n,i=[];if(e===C.Set.complete)return this;if(e===C.Set.empty)return e;this.length<e.length?(t=this,r=e):(t=e,r=this),n=Object.keys(t.elements);for(var s=0;s<n.length;s++){var o=n[s];o in r.elements&&i.push(o)}return new C.Set(i)},C.Set.prototype.union=function(e){return e===C.Set.complete?C.Set.complete:e===C.Set.empty?this:new C.Set(Object.keys(this.elements).concat(Object.keys(e.elements)))},C.idf=function(e,t){var r=0;for(var n in e)"_index"!=n&&(r+=Object.keys(e[n]).length);var i=(t-r+.5)/(r+.5);return Math.log(1+Math.abs(i))},C.Token=function(e,t){this.str=e||"",this.metadata=t||{}},C.Token.prototype.toString=function(){return this.str},C.Token.prototype.update=function(e){return this.str=e(this.str,this.metadata),this},C.Token.prototype.clone=function(e){return e=e||function(e){return e},new C.Token(e(this.str,this.metadata),this.metadata)}
/*!
 * lunr.tokenizer
 * Copyright (C) 2020 Oliver Nightingale
 */,C.tokenizer=function(e,t){if(null==e||null==e)return[];if(Array.isArray(e))return e.map((function(e){return new C.Token(C.utils.asString(e).toLowerCase(),C.utils.clone(t))}));for(var r=e.toString().toLowerCase(),n=r.length,i=[],s=0,o=0;s<=n;s++){var a=s-o;if(r.charAt(s).match(C.tokenizer.separator)||s==n){if(a>0){var u=C.utils.clone(t)||{};u.position=[o,a],u.index=i.length,i.push(new C.Token(r.slice(o,s),u))}o=s+1}}return i},C.tokenizer.separator=/[\s\-]+/
/*!
 * lunr.Pipeline
 * Copyright (C) 2020 Oliver Nightingale
 */,C.Pipeline=function(){this._stack=[]},C.Pipeline.registeredFunctions=Object.create(null),C.Pipeline.registerFunction=function(e,t){t in this.registeredFunctions&&C.utils.warn("Overwriting existing registered function: "+t),e.label=t,C.Pipeline.registeredFunctions[e.label]=e},C.Pipeline.warnIfFunctionNotRegistered=function(e){e.label&&e.label in this.registeredFunctions||C.utils.warn("Function is not registered with pipeline. This may cause problems when serialising the index.\n",e)},C.Pipeline.load=function(e){var t=new C.Pipeline;return e.forEach((function(e){var r=C.Pipeline.registeredFunctions[e];if(!r)throw new Error("Cannot load unregistered function: "+e);t.add(r)})),t},C.Pipeline.prototype.add=function(){var e=Array.prototype.slice.call(arguments);e.forEach((function(e){C.Pipeline.warnIfFunctionNotRegistered(e),this._stack.push(e)}),this)},C.Pipeline.prototype.after=function(e,t){C.Pipeline.warnIfFunctionNotRegistered(t);var r=this._stack.indexOf(e);if(-1==r)throw new Error("Cannot find existingFn");r+=1,this._stack.splice(r,0,t)},C.Pipeline.prototype.before=function(e,t){C.Pipeline.warnIfFunctionNotRegistered(t);var r=this._stack.indexOf(e);if(-1==r)throw new Error("Cannot find existingFn");this._stack.splice(r,0,t)},C.Pipeline.prototype.remove=function(e){var t=this._stack.indexOf(e);-1!=t&&this._stack.splice(t,1)},C.Pipeline.prototype.run=function(e){for(var t=this._stack.length,r=0;r<t;r++){for(var n=this._stack[r],i=[],s=0;s<e.length;s++){var o=n(e[s],s,e);if(null!=o&&""!==o)if(Array.isArray(o))for(var a=0;a<o.length;a++)i.push(o[a]);else i.push(o)}e=i}return e},C.Pipeline.prototype.runString=function(e,t){var r=new C.Token(e,t);return this.run([r]).map((function(e){return e.toString()}))},C.Pipeline.prototype.reset=function(){this._stack=[]},C.Pipeline.prototype.toJSON=function(){return this._stack.map((function(e){return C.Pipeline.warnIfFunctionNotRegistered(e),e.label}))}
/*!
 * lunr.Vector
 * Copyright (C) 2020 Oliver Nightingale
 */,C.Vector=function(e){this._magnitude=0,this.elements=e||[]},C.Vector.prototype.positionForIndex=function(e){if(0==this.elements.length)return 0;for(var t=0,r=this.elements.length/2,n=r-t,i=Math.floor(n/2),s=this.elements[2*i];n>1&&(s<e&&(t=i),s>e&&(r=i),s!=e);)n=r-t,i=t+Math.floor(n/2),s=this.elements[2*i];return s==e||s>e?2*i:s<e?2*(i+1):void 0},C.Vector.prototype.insert=function(e,t){this.upsert(e,t,(function(){throw"duplicate index"}))},C.Vector.prototype.upsert=function(e,t,r){this._magnitude=0;var n=this.positionForIndex(e);this.elements[n]==e?this.elements[n+1]=r(this.elements[n+1],t):this.elements.splice(n,0,e,t)},C.Vector.prototype.magnitude=function(){if(this._magnitude)return this._magnitude;for(var e=0,t=this.elements.length,r=1;r<t;r+=2){var n=this.elements[r];e+=n*n}return this._magnitude=Math.sqrt(e)},C.Vector.prototype.dot=function(e){for(var t=0,r=this.elements,n=e.elements,i=r.length,s=n.length,o=0,a=0,u=0,l=0;u<i&&l<s;)(o=r[u])<(a=n[l])?u+=2:o>a?l+=2:o==a&&(t+=r[u+1]*n[l+1],u+=2,l+=2);return t},C.Vector.prototype.similarity=function(e){return this.dot(e)/this.magnitude()||0},C.Vector.prototype.toArray=function(){for(var e=new Array(this.elements.length/2),t=1,r=0;t<this.elements.length;t+=2,r++)e[r]=this.elements[t];return e},C.Vector.prototype.toJSON=function(){return this.elements}
/*!
 * lunr.stemmer
 * Copyright (C) 2020 Oliver Nightingale
 * Includes code from - http://tartarus.org/~martin/PorterStemmer/js.txt
 */,C.stemmer=(o={ational:"ate",tional:"tion",enci:"ence",anci:"ance",izer:"ize",bli:"ble",alli:"al",entli:"ent",eli:"e",ousli:"ous",ization:"ize",ation:"ate",ator:"ate",alism:"al",iveness:"ive",fulness:"ful",ousness:"ous",aliti:"al",iviti:"ive",biliti:"ble",logi:"log"},a={icate:"ic",ative:"",alize:"al",iciti:"ic",ical:"ic",ful:"",ness:""},u="[aeiouy]",l="[^aeiou][^aeiouy]*",c=new RegExp("^([^aeiou][^aeiouy]*)?[aeiouy][aeiou]*[^aeiou][^aeiouy]*"),h=new RegExp("^([^aeiou][^aeiouy]*)?[aeiouy][aeiou]*[^aeiou][^aeiouy]*[aeiouy][aeiou]*[^aeiou][^aeiouy]*"),d=new RegExp("^([^aeiou][^aeiouy]*)?[aeiouy][aeiou]*[^aeiou][^aeiouy]*([aeiouy][aeiou]*)?$"),f=new RegExp("^([^aeiou][^aeiouy]*)?[aeiouy]"),p=/^(.+?)(ss|i)es$/,y=/^(.+?)([^s])s$/,m=/^(.+?)eed$/,v=/^(.+?)(ed|ing)$/,g=/.$/,x=/(at|bl|iz)$/,w=new RegExp("([^aeiouylsz])\\1$"),L=new RegExp("^"+l+u+"[^aeiouwxy]$"),E=/^(.+?[^aeiou])y$/,b=/^(.+?)(ational|tional|enci|anci|izer|bli|alli|entli|eli|ousli|ization|ation|ator|alism|iveness|fulness|ousness|aliti|iviti|biliti|logi)$/,S=/^(.+?)(icate|ative|alize|iciti|ical|ful|ness)$/,k=/^(.+?)(al|ance|ence|er|ic|able|ible|ant|ement|ment|ent|ou|ism|ate|iti|ous|ive|ize)$/,Q=/^(.+?)(s|t)(ion)$/,O=/^(.+?)e$/,P=/ll$/,T=new RegExp("^"+l+u+"[^aeiouwxy]$"),_=function(e){var t,r,n,i,s,u,l;if(e.length<3)return e;if("y"==(n=e.substr(0,1))&&(e=n.toUpperCase()+e.substr(1)),s=y,(i=p).test(e)?e=e.replace(i,"$1$2"):s.test(e)&&(e=e.replace(s,"$1$2")),s=v,(i=m).test(e)){var _=i.exec(e);(i=c).test(_[1])&&(i=g,e=e.replace(i,""))}else s.test(e)&&(t=(_=s.exec(e))[1],(s=f).test(t)&&(u=w,l=L,(s=x).test(e=t)?e+="e":u.test(e)?(i=g,e=e.replace(i,"")):l.test(e)&&(e+="e")));return(i=E).test(e)&&(e=(t=(_=i.exec(e))[1])+"i"),(i=b).test(e)&&(t=(_=i.exec(e))[1],r=_[2],(i=c).test(t)&&(e=t+o[r])),(i=S).test(e)&&(t=(_=i.exec(e))[1],r=_[2],(i=c).test(t)&&(e=t+a[r])),s=Q,(i=k).test(e)?(t=(_=i.exec(e))[1],(i=h).test(t)&&(e=t)):s.test(e)&&(t=(_=s.exec(e))[1]+_[2],(s=h).test(t)&&(e=t)),(i=O).test(e)&&(t=(_=i.exec(e))[1],s=d,u=T,((i=h).test(t)||s.test(t)&&!u.test(t))&&(e=t)),s=h,(i=P).test(e)&&s.test(e)&&(i=g,e=e.replace(i,"")),"y"==n&&(e=n.toLowerCase()+e.substr(1)),e},function(e){return e.update(_)}),C.Pipeline.registerFunction(C.stemmer,"stemmer")
/*!
 * lunr.stopWordFilter
 * Copyright (C) 2020 Oliver Nightingale
 */,C.generateStopWordFilter=function(e){var t=e.reduce((function(e,t){return e[t]=t,e}),{});return function(e){if(e&&t[e.toString()]!==e.toString())return e}},C.stopWordFilter=C.generateStopWordFilter(["a","able","about","across","after","all","almost","also","am","among","an","and","any","are","as","at","be","because","been","but","by","can","cannot","could","dear","did","do","does","either","else","ever","every","for","from","get","got","had","has","have","he","her","hers","him","his","how","however","i","if","in","into","is","it","its","just","least","let","like","likely","may","me","might","most","must","my","neither","no","nor","not","of","off","often","on","only","or","other","our","own","rather","said","say","says","she","should","since","so","some","than","that","the","their","them","then","there","these","they","this","tis","to","too","twas","us","wants","was","we","were","what","when","where","which","while","who","whom","why","will","with","would","yet","you","your"]),C.Pipeline.registerFunction(C.stopWordFilter,"stopWordFilter")
/*!
 * lunr.trimmer
 * Copyright (C) 2020 Oliver Nightingale
 */,C.trimmer=function(e){return e.update((function(e){return e.replace(/^\W+/,"").replace(/\W+$/,"")}))},C.Pipeline.registerFunction(C.trimmer,"trimmer")
/*!
 * lunr.TokenSet
 * Copyright (C) 2020 Oliver Nightingale
 */,C.TokenSet=function(){this.final=!1,this.edges={},this.id=C.TokenSet._nextId,C.TokenSet._nextId+=1},C.TokenSet._nextId=1,C.TokenSet.fromArray=function(e){for(var t=new C.TokenSet.Builder,r=0,n=e.length;r<n;r++)t.insert(e[r]);return t.finish(),t.root},C.TokenSet.fromClause=function(e){return"editDistance"in e?C.TokenSet.fromFuzzyString(e.term,e.editDistance):C.TokenSet.fromString(e.term)},C.TokenSet.fromFuzzyString=function(e,t){for(var r=new C.TokenSet,n=[{node:r,editsRemaining:t,str:e}];n.length;){var i=n.pop();if(i.str.length>0){var s,o=i.str.charAt(0);o in i.node.edges?s=i.node.edges[o]:(s=new C.TokenSet,i.node.edges[o]=s),1==i.str.length&&(s.final=!0),n.push({node:s,editsRemaining:i.editsRemaining,str:i.str.slice(1)})}if(0!=i.editsRemaining){if("*"in i.node.edges)var a=i.node.edges["*"];else{a=new C.TokenSet;i.node.edges["*"]=a}if(0==i.str.length&&(a.final=!0),n.push({node:a,editsRemaining:i.editsRemaining-1,str:i.str}),i.str.length>1&&n.push({node:i.node,editsRemaining:i.editsRemaining-1,str:i.str.slice(1)}),1==i.str.length&&(i.node.final=!0),i.str.length>=1){if("*"in i.node.edges)var u=i.node.edges["*"];else{u=new C.TokenSet;i.node.edges["*"]=u}1==i.str.length&&(u.final=!0),n.push({node:u,editsRemaining:i.editsRemaining-1,str:i.str.slice(1)})}if(i.str.length>1){var l,c=i.str.charAt(0),h=i.str.charAt(1);h in i.node.edges?l=i.node.edges[h]:(l=new C.TokenSet,i.node.edges[h]=l),1==i.str.length&&(l.final=!0),n.push({node:l,editsRemaining:i.editsRemaining-1,str:c+i.str.slice(2)})}}}return r},C.TokenSet.fromString=function(e){for(var t=new C.TokenSet,r=t,n=0,i=e.length;n<i;n++){var s=e[n],o=n==i-1;if("*"==s)t.edges[s]=t,t.final=o;else{var a=new C.TokenSet;a.final=o,t.edges[s]=a,t=a}}return r},C.TokenSet.prototype.toArray=function(){for(var e=[],t=[{prefix:"",node:this}];t.length;){var r=t.pop(),n=Object.keys(r.node.edges),i=n.length;r.node.final&&(r.prefix.charAt(0),e.push(r.prefix));for(var s=0;s<i;s++){var o=n[s];t.push({prefix:r.prefix.concat(o),node:r.node.edges[o]})}}return e},C.TokenSet.prototype.toString=function(){if(this._str)return this._str;for(var e=this.final?"1":"0",t=Object.keys(this.edges).sort(),r=t.length,n=0;n<r;n++){var i=t[n];e=e+i+this.edges[i].id}return e},C.TokenSet.prototype.intersect=function(e){for(var t=new C.TokenSet,r=void 0,n=[{qNode:e,output:t,node:this}];n.length;){r=n.pop();for(var i=Object.keys(r.qNode.edges),s=i.length,o=Object.keys(r.node.edges),a=o.length,u=0;u<s;u++)for(var l=i[u],c=0;c<a;c++){var h=o[c];if(h==l||"*"==l){var d=r.node.edges[h],f=r.qNode.edges[l],p=d.final&&f.final,y=void 0;h in r.output.edges?(y=r.output.edges[h]).final=y.final||p:((y=new C.TokenSet).final=p,r.output.edges[h]=y),n.push({qNode:f,output:y,node:d})}}}return t},C.TokenSet.Builder=function(){this.previousWord="",this.root=new C.TokenSet,this.uncheckedNodes=[],this.minimizedNodes={}},C.TokenSet.Builder.prototype.insert=function(e){var t,r=0;if(e<this.previousWord)throw new Error("Out of order word insertion");for(var n=0;n<e.length&&n<this.previousWord.length&&e[n]==this.previousWord[n];n++)r++;this.minimize(r),t=0==this.uncheckedNodes.length?this.root:this.uncheckedNodes[this.uncheckedNodes.length-1].child;for(n=r;n<e.length;n++){var i=new C.TokenSet,s=e[n];t.edges[s]=i,this.uncheckedNodes.push({parent:t,char:s,child:i}),t=i}t.final=!0,this.previousWord=e},C.TokenSet.Builder.prototype.finish=function(){this.minimize(0)},C.TokenSet.Builder.prototype.minimize=function(e){for(var t=this.uncheckedNodes.length-1;t>=e;t--){var r=this.uncheckedNodes[t],n=r.child.toString();n in this.minimizedNodes?r.parent.edges[r.char]=this.minimizedNodes[n]:(r.child._str=n,this.minimizedNodes[n]=r.child),this.uncheckedNodes.pop()}}
/*!
 * lunr.Index
 * Copyright (C) 2020 Oliver Nightingale
 */,C.Index=function(e){this.invertedIndex=e.invertedIndex,this.fieldVectors=e.fieldVectors,this.tokenSet=e.tokenSet,this.fields=e.fields,this.pipeline=e.pipeline},C.Index.prototype.search=function(e){return this.query((function(t){new C.QueryParser(e,t).parse()}))},C.Index.prototype.query=function(e){for(var t=new C.Query(this.fields),r=Object.create(null),n=Object.create(null),i=Object.create(null),s=Object.create(null),o=Object.create(null),a=0;a<this.fields.length;a++)n[this.fields[a]]=new C.Vector;e.call(t,t);for(a=0;a<t.clauses.length;a++){var u=t.clauses[a],l=null,c=C.Set.empty;l=u.usePipeline?this.pipeline.runString(u.term,{fields:u.fields}):[u.term];for(var h=0;h<l.length;h++){var d=l[h];u.term=d;var f=C.TokenSet.fromClause(u),p=this.tokenSet.intersect(f).toArray();if(0===p.length&&u.presence===C.Query.presence.REQUIRED){for(var y=0;y<u.fields.length;y++){s[R=u.fields[y]]=C.Set.empty}break}for(var m=0;m<p.length;m++){var v=p[m],g=this.invertedIndex[v],x=g._index;for(y=0;y<u.fields.length;y++){var w=g[R=u.fields[y]],L=Object.keys(w),E=v+"/"+R,b=new C.Set(L);if(u.presence==C.Query.presence.REQUIRED&&(c=c.union(b),void 0===s[R]&&(s[R]=C.Set.complete)),u.presence!=C.Query.presence.PROHIBITED){if(n[R].upsert(x,u.boost,(function(e,t){return e+t})),!i[E]){for(var S=0;S<L.length;S++){var k,Q=L[S],O=new C.FieldRef(Q,R),P=w[Q];void 0===(k=r[O])?r[O]=new C.MatchData(v,R,P):k.add(v,R,P)}i[E]=!0}}else void 0===o[R]&&(o[R]=C.Set.empty),o[R]=o[R].union(b)}}}if(u.presence===C.Query.presence.REQUIRED)for(y=0;y<u.fields.length;y++){s[R=u.fields[y]]=s[R].intersect(c)}}var T=C.Set.complete,_=C.Set.empty;for(a=0;a<this.fields.length;a++){var R;s[R=this.fields[a]]&&(T=T.intersect(s[R])),o[R]&&(_=_.union(o[R]))}var I=Object.keys(r),j=[],F=Object.create(null);if(t.isNegated()){I=Object.keys(this.fieldVectors);for(a=0;a<I.length;a++){O=I[a];var N=C.FieldRef.fromString(O);r[O]=new C.MatchData}}for(a=0;a<I.length;a++){var D=(N=C.FieldRef.fromString(I[a])).docRef;if(T.contains(D)&&!_.contains(D)){var A,z=this.fieldVectors[N],q=n[N.fieldName].similarity(z);if(void 0!==(A=F[D]))A.score+=q,A.matchData.combine(r[N]);else{var V={ref:D,score:q,matchData:r[N]};F[D]=V,j.push(V)}}}return j.sort((function(e,t){return t.score-e.score}))},C.Index.prototype.toJSON=function(){var e=Object.keys(this.invertedIndex).sort().map((function(e){return[e,this.invertedIndex[e]]}),this),t=Object.keys(this.fieldVectors).map((function(e){return[e,this.fieldVectors[e].toJSON()]}),this);return{version:C.version,fields:this.fields,fieldVectors:t,invertedIndex:e,pipeline:this.pipeline.toJSON()}},C.Index.load=function(e){var t={},r={},n=e.fieldVectors,i=Object.create(null),s=e.invertedIndex,o=new C.TokenSet.Builder,a=C.Pipeline.load(e.pipeline);e.version!=C.version&&C.utils.warn("Version mismatch when loading serialised index. Current version of lunr '"+C.version+"' does not match serialized index '"+e.version+"'");for(var u=0;u<n.length;u++){var l=(h=n[u])[0],c=h[1];r[l]=new C.Vector(c)}for(u=0;u<s.length;u++){var h,d=(h=s[u])[0],f=h[1];o.insert(d),i[d]=f}return o.finish(),t.fields=e.fields,t.fieldVectors=r,t.invertedIndex=i,t.tokenSet=o.root,t.pipeline=a,new C.Index(t)}
/*!
 * lunr.Builder
 * Copyright (C) 2020 Oliver Nightingale
 */,C.Builder=function(){this._ref="id",this._fields=Object.create(null),this._documents=Object.create(null),this.invertedIndex=Object.create(null),this.fieldTermFrequencies={},this.fieldLengths={},this.tokenizer=C.tokenizer,this.pipeline=new C.Pipeline,this.searchPipeline=new C.Pipeline,this.documentCount=0,this._b=.75,this._k1=1.2,this.termIndex=0,this.metadataWhitelist=[]},C.Builder.prototype.ref=function(e){this._ref=e},C.Builder.prototype.field=function(e,t){if(/\//.test(e))throw new RangeError("Field '"+e+"' contains illegal character '/'");this._fields[e]=t||{}},C.Builder.prototype.b=function(e){this._b=e<0?0:e>1?1:e},C.Builder.prototype.k1=function(e){this._k1=e},C.Builder.prototype.add=function(e,t){var r=e[this._ref],n=Object.keys(this._fields);this._documents[r]=t||{},this.documentCount+=1;for(var i=0;i<n.length;i++){var s=n[i],o=this._fields[s].extractor,a=o?o(e):e[s],u=this.tokenizer(a,{fields:[s]}),l=this.pipeline.run(u),c=new C.FieldRef(r,s),h=Object.create(null);this.fieldTermFrequencies[c]=h,this.fieldLengths[c]=0,this.fieldLengths[c]+=l.length;for(var d=0;d<l.length;d++){var f=l[d];if(null==h[f]&&(h[f]=0),h[f]+=1,null==this.invertedIndex[f]){var p=Object.create(null);p._index=this.termIndex,this.termIndex+=1;for(var y=0;y<n.length;y++)p[n[y]]=Object.create(null);this.invertedIndex[f]=p}null==this.invertedIndex[f][s][r]&&(this.invertedIndex[f][s][r]=Object.create(null));for(var m=0;m<this.metadataWhitelist.length;m++){var v=this.metadataWhitelist[m],g=f.metadata[v];null==this.invertedIndex[f][s][r][v]&&(this.invertedIndex[f][s][r][v]=[]),this.invertedIndex[f][s][r][v].push(g)}}}},C.Builder.prototype.calculateAverageFieldLengths=function(){for(var e=Object.keys(this.fieldLengths),t=e.length,r={},n={},i=0;i<t;i++){var s=C.FieldRef.fromString(e[i]),o=s.fieldName;n[o]||(n[o]=0),n[o]+=1,r[o]||(r[o]=0),r[o]+=this.fieldLengths[s]}var a=Object.keys(this._fields);for(i=0;i<a.length;i++){var u=a[i];r[u]=r[u]/n[u]}this.averageFieldLength=r},C.Builder.prototype.createFieldVectors=function(){for(var e={},t=Object.keys(this.fieldTermFrequencies),r=t.length,n=Object.create(null),i=0;i<r;i++){for(var s=C.FieldRef.fromString(t[i]),o=s.fieldName,a=this.fieldLengths[s],u=new C.Vector,l=this.fieldTermFrequencies[s],c=Object.keys(l),h=c.length,d=this._fields[o].boost||1,f=this._documents[s.docRef].boost||1,p=0;p<h;p++){var y,m,v,g=c[p],x=l[g],w=this.invertedIndex[g]._index;void 0===n[g]?(y=C.idf(this.invertedIndex[g],this.documentCount),n[g]=y):y=n[g],m=y*((this._k1+1)*x)/(this._k1*(1-this._b+this._b*(a/this.averageFieldLength[o]))+x),m*=d,m*=f,v=Math.round(1e3*m)/1e3,u.insert(w,v)}e[s]=u}this.fieldVectors=e},C.Builder.prototype.createTokenSet=function(){this.tokenSet=C.TokenSet.fromArray(Object.keys(this.invertedIndex).sort())},C.Builder.prototype.build=function(){return this.calculateAverageFieldLengths(),this.createFieldVectors(),this.createTokenSet(),new C.Index({invertedIndex:this.invertedIndex,fieldVectors:this.fieldVectors,tokenSet:this.tokenSet,fields:Object.keys(this._fields),pipeline:this.searchPipeline})},C.Builder.prototype.use=function(e){var t=Array.prototype.slice.call(arguments,1);t.unshift(this),e.apply(this,t)},C.MatchData=function(e,t,r){for(var n=Object.create(null),i=Object.keys(r||{}),s=0;s<i.length;s++){var o=i[s];n[o]=r[o].slice()}this.metadata=Object.create(null),void 0!==e&&(this.metadata[e]=Object.create(null),this.metadata[e][t]=n)},C.MatchData.prototype.combine=function(e){for(var t=Object.keys(e.metadata),r=0;r<t.length;r++){var n=t[r],i=Object.keys(e.metadata[n]);null==this.metadata[n]&&(this.metadata[n]=Object.create(null));for(var s=0;s<i.length;s++){var o=i[s],a=Object.keys(e.metadata[n][o]);null==this.metadata[n][o]&&(this.metadata[n][o]=Object.create(null));for(var u=0;u<a.length;u++){var l=a[u];null==this.metadata[n][o][l]?this.metadata[n][o][l]=e.metadata[n][o][l]:this.metadata[n][o][l]=this.metadata[n][o][l].concat(e.metadata[n][o][l])}}}},C.MatchData.prototype.add=function(e,t,r){if(!(e in this.metadata))return this.metadata[e]=Object.create(null),void(this.metadata[e][t]=r);if(t in this.metadata[e])for(var n=Object.keys(r),i=0;i<n.length;i++){var s=n[i];s in this.metadata[e][t]?this.metadata[e][t][s]=this.metadata[e][t][s].concat(r[s]):this.metadata[e][t][s]=r[s]}else this.metadata[e][t]=r},C.Query=function(e){this.clauses=[],this.allFields=e},C.Query.wildcard=new String("*"),C.Query.wildcard.NONE=0,C.Query.wildcard.LEADING=1,C.Query.wildcard.TRAILING=2,C.Query.presence={OPTIONAL:1,REQUIRED:2,PROHIBITED:3},C.Query.prototype.clause=function(e){return"fields"in e||(e.fields=this.allFields),"boost"in e||(e.boost=1),"usePipeline"in e||(e.usePipeline=!0),"wildcard"in e||(e.wildcard=C.Query.wildcard.NONE),e.wildcard&C.Query.wildcard.LEADING&&e.term.charAt(0)!=C.Query.wildcard&&(e.term="*"+e.term),e.wildcard&C.Query.wildcard.TRAILING&&e.term.slice(-1)!=C.Query.wildcard&&(e.term=e.term+"*"),"presence"in e||(e.presence=C.Query.presence.OPTIONAL),this.clauses.push(e),this},C.Query.prototype.isNegated=function(){for(var e=0;e<this.clauses.length;e++)if(this.clauses[e].presence!=C.Query.presence.PROHIBITED)return!1;return!0},C.Query.prototype.term=function(e,t){if(Array.isArray(e))return e.forEach((function(e){this.term(e,C.utils.clone(t))}),this),this;var r=t||{};return r.term=e.toString(),this.clause(r),this},C.QueryParseError=function(e,t,r){this.name="QueryParseError",this.message=e,this.start=t,this.end=r},C.QueryParseError.prototype=new Error,C.QueryLexer=function(e){this.lexemes=[],this.str=e,this.length=e.length,this.pos=0,this.start=0,this.escapeCharPositions=[]},C.QueryLexer.prototype.run=function(){for(var e=C.QueryLexer.lexText;e;)e=e(this)},C.QueryLexer.prototype.sliceString=function(){for(var e=[],t=this.start,r=this.pos,n=0;n<this.escapeCharPositions.length;n++)r=this.escapeCharPositions[n],e.push(this.str.slice(t,r)),t=r+1;return e.push(this.str.slice(t,this.pos)),this.escapeCharPositions.length=0,e.join("")},C.QueryLexer.prototype.emit=function(e){this.lexemes.push({type:e,str:this.sliceString(),start:this.start,end:this.pos}),this.start=this.pos},C.QueryLexer.prototype.escapeCharacter=function(){this.escapeCharPositions.push(this.pos-1),this.pos+=1},C.QueryLexer.prototype.next=function(){if(this.pos>=this.length)return C.QueryLexer.EOS;var e=this.str.charAt(this.pos);return this.pos+=1,e},C.QueryLexer.prototype.width=function(){return this.pos-this.start},C.QueryLexer.prototype.ignore=function(){this.start==this.pos&&(this.pos+=1),this.start=this.pos},C.QueryLexer.prototype.backup=function(){this.pos-=1},C.QueryLexer.prototype.acceptDigitRun=function(){var e,t;do{t=(e=this.next()).charCodeAt(0)}while(t>47&&t<58);e!=C.QueryLexer.EOS&&this.backup()},C.QueryLexer.prototype.more=function(){return this.pos<this.length},C.QueryLexer.EOS="EOS",C.QueryLexer.FIELD="FIELD",C.QueryLexer.TERM="TERM",C.QueryLexer.EDIT_DISTANCE="EDIT_DISTANCE",C.QueryLexer.BOOST="BOOST",C.QueryLexer.PRESENCE="PRESENCE",C.QueryLexer.lexField=function(e){return e.backup(),e.emit(C.QueryLexer.FIELD),e.ignore(),C.QueryLexer.lexText},C.QueryLexer.lexTerm=function(e){if(e.width()>1&&(e.backup(),e.emit(C.QueryLexer.TERM)),e.ignore(),e.more())return C.QueryLexer.lexText},C.QueryLexer.lexEditDistance=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(C.QueryLexer.EDIT_DISTANCE),C.QueryLexer.lexText},C.QueryLexer.lexBoost=function(e){return e.ignore(),e.acceptDigitRun(),e.emit(C.QueryLexer.BOOST),C.QueryLexer.lexText},C.QueryLexer.lexEOS=function(e){e.width()>0&&e.emit(C.QueryLexer.TERM)},C.QueryLexer.termSeparator=C.tokenizer.separator,C.QueryLexer.lexText=function(e){for(;;){var t=e.next();if(t==C.QueryLexer.EOS)return C.QueryLexer.lexEOS;if(92!=t.charCodeAt(0)){if(":"==t)return C.QueryLexer.lexField;if("~"==t)return e.backup(),e.width()>0&&e.emit(C.QueryLexer.TERM),C.QueryLexer.lexEditDistance;if("^"==t)return e.backup(),e.width()>0&&e.emit(C.QueryLexer.TERM),C.QueryLexer.lexBoost;if("+"==t&&1===e.width())return e.emit(C.QueryLexer.PRESENCE),C.QueryLexer.lexText;if("-"==t&&1===e.width())return e.emit(C.QueryLexer.PRESENCE),C.QueryLexer.lexText;if(t.match(C.QueryLexer.termSeparator))return C.QueryLexer.lexTerm}else e.escapeCharacter()}},C.QueryParser=function(e,t){this.lexer=new C.QueryLexer(e),this.query=t,this.currentClause={},this.lexemeIdx=0},C.QueryParser.prototype.parse=function(){this.lexer.run(),this.lexemes=this.lexer.lexemes;for(var e=C.QueryParser.parseClause;e;)e=e(this);return this.query},C.QueryParser.prototype.peekLexeme=function(){return this.lexemes[this.lexemeIdx]},C.QueryParser.prototype.consumeLexeme=function(){var e=this.peekLexeme();return this.lexemeIdx+=1,e},C.QueryParser.prototype.nextClause=function(){var e=this.currentClause;this.query.clause(e),this.currentClause={}},C.QueryParser.parseClause=function(e){var t=e.peekLexeme();if(null!=t)switch(t.type){case C.QueryLexer.PRESENCE:return C.QueryParser.parsePresence;case C.QueryLexer.FIELD:return C.QueryParser.parseField;case C.QueryLexer.TERM:return C.QueryParser.parseTerm;default:var r="expected either a field or a term, found "+t.type;throw t.str.length>=1&&(r+=" with value '"+t.str+"'"),new C.QueryParseError(r,t.start,t.end)}},C.QueryParser.parsePresence=function(e){var t=e.consumeLexeme();if(null!=t){switch(t.str){case"-":e.currentClause.presence=C.Query.presence.PROHIBITED;break;case"+":e.currentClause.presence=C.Query.presence.REQUIRED;break;default:var r="unrecognised presence operator'"+t.str+"'";throw new C.QueryParseError(r,t.start,t.end)}var n=e.peekLexeme();if(null==n){r="expecting term or field, found nothing";throw new C.QueryParseError(r,t.start,t.end)}switch(n.type){case C.QueryLexer.FIELD:return C.QueryParser.parseField;case C.QueryLexer.TERM:return C.QueryParser.parseTerm;default:r="expecting term or field, found '"+n.type+"'";throw new C.QueryParseError(r,n.start,n.end)}}},C.QueryParser.parseField=function(e){var t=e.consumeLexeme();if(null!=t){if(-1==e.query.allFields.indexOf(t.str)){var r=e.query.allFields.map((function(e){return"'"+e+"'"})).join(", "),n="unrecognised field '"+t.str+"', possible fields: "+r;throw new C.QueryParseError(n,t.start,t.end)}e.currentClause.fields=[t.str];var i=e.peekLexeme();if(null==i){n="expecting term, found nothing";throw new C.QueryParseError(n,t.start,t.end)}switch(i.type){case C.QueryLexer.TERM:return C.QueryParser.parseTerm;default:n="expecting term, found '"+i.type+"'";throw new C.QueryParseError(n,i.start,i.end)}}},C.QueryParser.parseTerm=function(e){var t=e.consumeLexeme();if(null!=t){e.currentClause.term=t.str.toLowerCase(),-1!=t.str.indexOf("*")&&(e.currentClause.usePipeline=!1);var r=e.peekLexeme();if(null!=r)switch(r.type){case C.QueryLexer.TERM:return e.nextClause(),C.QueryParser.parseTerm;case C.QueryLexer.FIELD:return e.nextClause(),C.QueryParser.parseField;case C.QueryLexer.EDIT_DISTANCE:return C.QueryParser.parseEditDistance;case C.QueryLexer.BOOST:return C.QueryParser.parseBoost;case C.QueryLexer.PRESENCE:return e.nextClause(),C.QueryParser.parsePresence;default:var n="Unexpected lexeme type '"+r.type+"'";throw new C.QueryParseError(n,r.start,r.end)}else e.nextClause()}},C.QueryParser.parseEditDistance=function(e){var t=e.consumeLexeme();if(null!=t){var r=parseInt(t.str,10);if(isNaN(r)){var n="edit distance must be numeric";throw new C.QueryParseError(n,t.start,t.end)}e.currentClause.editDistance=r;var i=e.peekLexeme();if(null!=i)switch(i.type){case C.QueryLexer.TERM:return e.nextClause(),C.QueryParser.parseTerm;case C.QueryLexer.FIELD:return e.nextClause(),C.QueryParser.parseField;case C.QueryLexer.EDIT_DISTANCE:return C.QueryParser.parseEditDistance;case C.QueryLexer.BOOST:return C.QueryParser.parseBoost;case C.QueryLexer.PRESENCE:return e.nextClause(),C.QueryParser.parsePresence;default:n="Unexpected lexeme type '"+i.type+"'";throw new C.QueryParseError(n,i.start,i.end)}else e.nextClause()}},C.QueryParser.parseBoost=function(e){var t=e.consumeLexeme();if(null!=t){var r=parseInt(t.str,10);if(isNaN(r)){var n="boost must be numeric";throw new C.QueryParseError(n,t.start,t.end)}e.currentClause.boost=r;var i=e.peekLexeme();if(null!=i)switch(i.type){case C.QueryLexer.TERM:return e.nextClause(),C.QueryParser.parseTerm;case C.QueryLexer.FIELD:return e.nextClause(),C.QueryParser.parseField;case C.QueryLexer.EDIT_DISTANCE:return C.QueryParser.parseEditDistance;case C.QueryLexer.BOOST:return C.QueryParser.parseBoost;case C.QueryLexer.PRESENCE:return e.nextClause(),C.QueryParser.parsePresence;default:n="Unexpected lexeme type '"+i.type+"'";throw new C.QueryParseError(n,i.start,i.end)}else e.nextClause()}},void 0===(i="function"==typeof(n=function(){return C})?n.call(t,r,t,e):n)||(e.exports=i)}()},function(e,t,r){},function(e,t,r){"use strict";r.r(t);var n=[];function i(e,t){n.push({selector:t,constructor:e})}var s,o,a=function(){function e(){this.createComponents(document.body)}return e.prototype.createComponents=function(e){n.forEach((function(t){e.querySelectorAll(t.selector).forEach((function(e){e.dataset.hasInstance||(new t.constructor({el:e}),e.dataset.hasInstance=String(!0))}))}))},e}(),u=function(e){this.el=e.el},l=r(0),c=(s=function(e,t){return(s=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])})(e,t)},function(e,t){function r(){this.constructor=e}s(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)});!function(e){e[e.Idle=0]="Idle",e[e.Loading=1]="Loading",e[e.Ready=2]="Ready",e[e.Failure=3]="Failure"}(o||(o={}));var h=function(e){function t(t){var r=e.call(this,t)||this;r.query="",r.loadingState=o.Idle,r.hasFocus=!1,r.preventPress=!1,r.data=null,r.index=null,r.resultClicked=!1;var n=document.querySelector("#tsd-search-field"),i=document.querySelector(".results");if(!n||!i)throw new Error("The input field or the result list wrapper are not found");return r.field=n,r.results=i,r.base=r.el.dataset.base+"/",r.bindEvents(),r}return c(t,e),t.prototype.loadIndex=function(){var e=this;if(this.loadingState==o.Idle&&!this.data){setTimeout((function(){e.loadingState==o.Idle&&e.setLoadingState(o.Loading)}),500);var t=this.el.dataset.index;t?fetch(t).then((function(e){if(!e.ok)throw new Error("The search index is missing");return e.json()})).then((function(t){e.data=t,e.index=l.Index.load(t.index),e.setLoadingState(o.Ready)})).catch((function(t){console.error(t),e.setLoadingState(o.Failure)})):this.setLoadingState(o.Failure)}},t.prototype.updateResults=function(){if(this.loadingState==o.Ready&&(this.results.textContent="",this.query&&this.index&&this.data)){var e=this.index.search("*"+this.query+"*");0===e.length&&(e=this.index.search("*"+this.query+"~1*"));for(var t=0,r=Math.min(10,e.length);t<r;t++){var n=this.data.rows[Number(e[t].ref)],i=n.name.replace(new RegExp(this.query,"i"),(function(e){return"<b>"+e+"</b>"})),s=n.parent||"";(s=s.replace(new RegExp(this.query,"i"),(function(e){return"<b>"+e+"</b>"})))&&(i='<span class="parent">'+s+".</span>"+i);var a=document.createElement("li");a.classList.value=n.classes,a.innerHTML='\n                    <a href="'+(this.base+n.url)+'" class="tsd-kind-icon">'+i+"</a>\n                ",this.results.appendChild(a)}}},t.prototype.setLoadingState=function(e){this.loadingState!=e&&(this.el.classList.remove(o[this.loadingState].toLowerCase()),this.loadingState=e,this.el.classList.add(o[this.loadingState].toLowerCase()),this.updateResults())},t.prototype.setHasFocus=function(e){this.hasFocus!=e&&(this.hasFocus=e,this.el.classList.toggle("has-focus"),e?(this.setQuery(""),this.field.value=""):this.field.value=this.query)},t.prototype.setQuery=function(e){this.query=e.trim(),this.updateResults()},t.prototype.setCurrentResult=function(e){var t=this.results.querySelector(".current");if(t){var r=1==e?t.nextElementSibling:t.previousElementSibling;r&&(t.classList.remove("current"),r.classList.add("current"))}else(t=this.results.querySelector(1==e?"li:first-child":"li:last-child"))&&t.classList.add("current")},t.prototype.gotoCurrentResult=function(){var e=this.results.querySelector(".current");if(e||(e=this.results.querySelector("li:first-child")),e){var t=e.querySelector("a");t&&(window.location.href=t.href),this.field.blur()}},t.prototype.bindEvents=function(){var e=this;this.results.addEventListener("mousedown",(function(){e.resultClicked=!0})),this.results.addEventListener("mouseup",(function(){e.resultClicked=!1,e.setHasFocus(!1)})),this.field.addEventListener("focusin",(function(){e.setHasFocus(!0),e.loadIndex()})),this.field.addEventListener("focusout",(function(){e.resultClicked?e.resultClicked=!1:setTimeout((function(){return e.setHasFocus(!1)}),100)})),this.field.addEventListener("input",(function(){e.setQuery(e.field.value)})),this.field.addEventListener("keydown",(function(t){13==t.keyCode||27==t.keyCode||38==t.keyCode||40==t.keyCode?(e.preventPress=!0,t.preventDefault(),13==t.keyCode?e.gotoCurrentResult():27==t.keyCode?e.field.blur():38==t.keyCode?e.setCurrentResult(-1):40==t.keyCode&&e.setCurrentResult(1)):e.preventPress=!1})),this.field.addEventListener("keypress",(function(t){e.preventPress&&t.preventDefault()})),document.body.addEventListener("keydown",(function(t){t.altKey||t.ctrlKey||t.metaKey||!e.hasFocus&&t.keyCode>47&&t.keyCode<112&&e.field.focus()}))},t}(u),d=function(){function e(){this.listeners={}}return e.prototype.addEventListener=function(e,t){e in this.listeners||(this.listeners[e]=[]),this.listeners[e].push(t)},e.prototype.removeEventListener=function(e,t){if(e in this.listeners)for(var r=this.listeners[e],n=0,i=r.length;n<i;n++)if(r[n]===t)return void r.splice(n,1)},e.prototype.dispatchEvent=function(e){if(!(e.type in this.listeners))return!0;for(var t=this.listeners[e.type].slice(),r=0,n=t.length;r<n;r++)t[r].call(this,e);return!e.defaultPrevented},e}(),f=function(e,t){void 0===t&&(t=100);var r=Date.now();return function(){for(var n=[],i=0;i<arguments.length;i++)n[i]=arguments[i];r+t-Date.now()<0&&(e.apply(void 0,n),r=Date.now())}},p=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])})(t,r)};return function(t,r){function n(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),y=function(e){function t(){var t=e.call(this)||this;return t.scrollTop=0,t.lastY=0,t.width=0,t.height=0,t.showToolbar=!0,t.toolbar=document.querySelector(".tsd-page-toolbar"),t.secondaryNav=document.querySelector(".tsd-navigation.secondary"),window.addEventListener("scroll",f((function(){return t.onScroll()}),10)),window.addEventListener("resize",f((function(){return t.onResize()}),10)),t.onResize(),t.onScroll(),t}return p(t,e),t.prototype.triggerResize=function(){var e=new CustomEvent("resize",{detail:{width:this.width,height:this.height}});this.dispatchEvent(e)},t.prototype.onResize=function(){this.width=window.innerWidth||0,this.height=window.innerHeight||0;var e=new CustomEvent("resize",{detail:{width:this.width,height:this.height}});this.dispatchEvent(e)},t.prototype.onScroll=function(){this.scrollTop=window.scrollY||0;var e=new CustomEvent("scroll",{detail:{scrollTop:this.scrollTop}});this.dispatchEvent(e),this.hideShowToolbar()},t.prototype.hideShowToolbar=function(){var e=this.showToolbar;this.showToolbar=this.lastY>=this.scrollTop||0===this.scrollTop,e!==this.showToolbar&&(this.toolbar.classList.toggle("tsd-page-toolbar--hide"),this.secondaryNav.classList.toggle("tsd-navigation--toolbar-hide")),this.lastY=this.scrollTop},t.instance=new t,t}(d),m=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])})(t,r)};return function(t,r){function n(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),v=function(e){function t(t){var r=e.call(this,t)||this;return r.anchors=[],r.index=-1,y.instance.addEventListener("resize",(function(){return r.onResize()})),y.instance.addEventListener("scroll",(function(e){return r.onScroll(e)})),r.createAnchors(),r}return m(t,e),t.prototype.createAnchors=function(){var e=this,t=window.location.href;-1!=t.indexOf("#")&&(t=t.substr(0,t.indexOf("#"))),this.el.querySelectorAll("a").forEach((function(r){var n=r.href;if(-1!=n.indexOf("#")&&n.substr(0,t.length)==t){var i=n.substr(n.indexOf("#")+1),s=document.querySelector("a.tsd-anchor[name="+i+"]"),o=r.parentNode;s&&o&&e.anchors.push({link:o,anchor:s,position:0})}})),this.onResize()},t.prototype.onResize=function(){for(var e,t=0,r=this.anchors.length;t<r;t++){var n=(e=this.anchors[t]).anchor.getBoundingClientRect();e.position=n.top+document.body.scrollTop}this.anchors.sort((function(e,t){return e.position-t.position}));var i=new CustomEvent("scroll",{detail:{scrollTop:y.instance.scrollTop}});this.onScroll(i)},t.prototype.onScroll=function(e){for(var t=e.detail.scrollTop+5,r=this.anchors,n=r.length-1,i=this.index;i>-1&&r[i].position>t;)i-=1;for(;i<n&&r[i+1].position<t;)i+=1;this.index!=i&&(this.index>-1&&this.anchors[this.index].link.classList.remove("focus"),this.index=i,this.index>-1&&this.anchors[this.index].link.classList.add("focus"))},t}(u),g=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])})(t,r)};return function(t,r){function n(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),x=function(){function e(e,t){this.signature=e,this.description=t}return e.prototype.addClass=function(e){return this.signature.classList.add(e),this.description.classList.add(e),this},e.prototype.removeClass=function(e){return this.signature.classList.remove(e),this.description.classList.remove(e),this},e}(),w=function(e){function t(t){var r=e.call(this,t)||this;return r.groups=[],r.index=-1,r.createGroups(),r.container&&(r.el.classList.add("active"),Array.from(r.el.children).forEach((function(e){e.addEventListener("touchstart",(function(e){return r.onClick(e)})),e.addEventListener("click",(function(e){return r.onClick(e)}))})),r.container.classList.add("active"),r.setIndex(0)),r}return g(t,e),t.prototype.setIndex=function(e){if(e<0&&(e=0),e>this.groups.length-1&&(e=this.groups.length-1),this.index!=e){var t=this.groups[e];if(this.index>-1){var r=this.groups[this.index];r.removeClass("current").addClass("fade-out"),t.addClass("current"),t.addClass("fade-in"),y.instance.triggerResize(),setTimeout((function(){r.removeClass("fade-out"),t.removeClass("fade-in")}),300)}else t.addClass("current"),y.instance.triggerResize();this.index=e}},t.prototype.createGroups=function(){var e=this.el.children;if(!(e.length<2)){this.container=this.el.nextElementSibling;var t=this.container.children;this.groups=[];for(var r=0;r<e.length;r++)this.groups.push(new x(e[r],t[r]))}},t.prototype.onClick=function(e){var t=this;this.groups.forEach((function(r,n){r.signature===e.currentTarget&&t.setIndex(n)}))},t}(u),L="mousedown",E="mousemove",b="mouseup",S={x:0,y:0},k=!1,Q=!1,O=!1,P=/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);document.documentElement.classList.add(P?"is-mobile":"not-mobile"),P&&"ontouchstart"in document.documentElement&&(!0,L="touchstart",E="touchmove",b="touchend"),document.addEventListener(L,(function(e){Q=!0,O=!1;var t="touchstart"==L?e.targetTouches[0]:e;S.y=t.pageY||0,S.x=t.pageX||0})),document.addEventListener(E,(function(e){if(Q&&!O){var t="touchstart"==L?e.targetTouches[0]:e,r=S.x-(t.pageX||0),n=S.y-(t.pageY||0);O=Math.sqrt(r*r+n*n)>10}})),document.addEventListener(b,(function(){Q=!1})),document.addEventListener("click",(function(e){k&&(e.preventDefault(),e.stopImmediatePropagation(),k=!1)}));var T=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])})(t,r)};return function(t,r){function n(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),_=function(e){function t(t){var r=e.call(this,t)||this;return r.className=r.el.dataset.toggle||"",r.el.addEventListener(b,(function(e){return r.onPointerUp(e)})),r.el.addEventListener("click",(function(e){return e.preventDefault()})),document.addEventListener(L,(function(e){return r.onDocumentPointerDown(e)})),document.addEventListener(b,(function(e){return r.onDocumentPointerUp(e)})),r}return T(t,e),t.prototype.setActive=function(e){if(this.active!=e){this.active=e,document.documentElement.classList.toggle("has-"+this.className,e),this.el.classList.toggle("active",e);var t=(this.active?"to-has-":"from-has-")+this.className;document.documentElement.classList.add(t),setTimeout((function(){return document.documentElement.classList.remove(t)}),500)}},t.prototype.onPointerUp=function(e){O||(this.setActive(!0),e.preventDefault())},t.prototype.onDocumentPointerDown=function(e){if(this.active){if(e.target.closest(".col-menu, .tsd-filter-group"))return;this.setActive(!1)}},t.prototype.onDocumentPointerUp=function(e){var t=this;if(!O&&this.active&&e.target.closest(".col-menu")){var r=e.target.closest("a");if(r){var n=window.location.href;-1!=n.indexOf("#")&&(n=n.substr(0,n.indexOf("#"))),r.href.substr(0,n.length)==n&&setTimeout((function(){return t.setActive(!1)}),250)}}},t}(u),C=function(){var e=function(t,r){return(e=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])})(t,r)};return function(t,r){function n(){this.constructor=t}e(t,r),t.prototype=null===r?Object.create(r):(n.prototype=r.prototype,new n)}}(),R=function(){function e(e,t){this.key=e,this.value=t,this.defaultValue=t,this.initialize(),window.localStorage[this.key]&&this.setValue(this.fromLocalStorage(window.localStorage[this.key]))}return e.prototype.initialize=function(){},e.prototype.setValue=function(e){if(this.value!=e){var t=this.value;this.value=e,window.localStorage[this.key]=this.toLocalStorage(e),this.handleValueChange(t,e)}},e}(),I=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return C(t,e),t.prototype.initialize=function(){var e=this,t=document.querySelector("#tsd-filter-"+this.key);t&&(this.checkbox=t,this.checkbox.addEventListener("change",(function(){e.setValue(e.checkbox.checked)})))},t.prototype.handleValueChange=function(e,t){this.checkbox&&(this.checkbox.checked=this.value,document.documentElement.classList.toggle("toggle-"+this.key,this.value!=this.defaultValue))},t.prototype.fromLocalStorage=function(e){return"true"==e},t.prototype.toLocalStorage=function(e){return e?"true":"false"},t}(R),j=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return C(t,e),t.prototype.initialize=function(){var e=this;document.documentElement.classList.add("toggle-"+this.key+this.value);var t=document.querySelector("#tsd-filter-"+this.key);if(t){this.select=t;var r=function(){e.select.classList.add("active")};this.select.addEventListener(L,r),this.select.addEventListener("mouseover",r),this.select.addEventListener("mouseleave",(function(){e.select.classList.remove("active")})),this.select.querySelectorAll("li").forEach((function(r){r.addEventListener(b,(function(r){t.classList.remove("active"),e.setValue(r.target.dataset.value||"")}))})),document.addEventListener(L,(function(t){e.select.contains(t.target)||e.select.classList.remove("active")}))}},t.prototype.handleValueChange=function(e,t){this.select.querySelectorAll("li.selected").forEach((function(e){e.classList.remove("selected")}));var r=this.select.querySelector('li[data-value="'+t+'"]'),n=this.select.querySelector(".tsd-select-label");r&&n&&(r.classList.add("selected"),n.textContent=r.textContent),document.documentElement.classList.remove("toggle-"+e),document.documentElement.classList.add("toggle-"+t)},t.prototype.fromLocalStorage=function(e){return e},t.prototype.toLocalStorage=function(e){return e},t}(R),F=function(e){function t(t){var r=e.call(this,t)||this;return r.optionVisibility=new j("visibility","private"),r.optionInherited=new I("inherited",!0),r.optionExternals=new I("externals",!0),r.optionOnlyExported=new I("only-exported",!1),r}return C(t,e),t.isSupported=function(){try{return void 0!==window.localStorage}catch(e){return!1}},t}(u);r(1);i(h,"#tsd-search"),i(v,".menu-highlight"),i(w,".tsd-signatures"),i(_,"a[data-toggle]"),F.isSupported()?i(F,"#tsd-filter"):document.documentElement.classList.add("no-filter");var N=new a;Object.defineProperty(window,"app",{value:N})}]);
</script>
</body>
</html>